- 类名之间的空格问题
在写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>`;