JS项目-用原生JS实现页码插件-遇到的问题

  1. 类名之间的空格问题
    在写js是没空格,导致样式失效选择不上
    应该在pager-item后加上空格,正确代码:
    a.className = "pager-item " + extraClassName;在这里插入图片描述
    2.又是类选择器的问题,及其同级类名之间没有空格
    正确代码:
this.createPagerItem("first " + disabled,this.options.firstText);
this.createPagerItem("prev " + disabled,this.options.prevText);
.pager .pager-item.disabled {
      color: #ccc;
      border: none;
      cursor: auto;
    }

在这里插入图片描述
3.我很无奈的错误
写懵了,怎么可能是对象下面的函数?保持清醒!

this.options.createPagerItem("number " + cls,i);

4.类名没有右边的引号,不会报错,所以要自己仔细
错误total的右边缺了

    span.innerHTML = `<i class="current">${this.options.current}</i> / <i class="total>${pageNumber}</i>`;/

正确

    span.innerHTML = `<i class="current">${this.options.current}</i> / <i class="total">${pageNumber}</i>`;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值