0

我正在使用简单的分页来运行我的网站，但我遇到了问题。我有 css 选项卡，这是我的导航，在每个导航中我都有一个与前一个不同的单独分页。

jquery分页代码

$(function(){
var perPage = 8;
var opened = 1;
var onClass = 'on';
var paginationSelector = '.pages';
$('.gallery').simplePagination(perPage, opened, onClass, paginationSelector);
});

.gallery 用于调用我假设的画廊的样式，但使用此代码的唯一方法（据我所知）是第二次调用它。

$(function(){
var perPage = 8;
var opened = 1;
var onClass = 'on';
var paginationSelector = '.pages2';
$('.gallery2').simplePagination(perPage, opened, onClass, paginationSelector);
});

我的第一个问题，有没有办法简化代码，我不必重复每个 jquery 调用？

第二个问题，不管怎样，当我尝试调用相同的 css 代码时

.gallery, .gallery2 {
    float: left;
    overflow: hidden;
    padding: 3px 4px 5px 6px;
    margin: 3px 4px 5px 6px;
    height: 552px;
    width:850px;
}

 .gallery, .gallery2 li {
    float: left;
    display: inline;
    font-weight: bold;
    width: 190px;
    padding: 3px 4px 5px 6px;
    background: #E6E6FA;
    border: 1px solid #999999; 
    text-align: center;
    margin: 3px 4px 5px 6px;
    font: 12px Arial, Helvetica, Sans-serif;
    color: #4c4c4c;
    height: 255px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; 
    }

这段代码不起作用，我必须自己分离每个画廊的代码，然后才能工作。我的意思是我可以管理，但 1 次编辑意味着我必须编辑 5 次以上。知道为什么这不起作用吗？

我假设由于这个电话它不起作用。它在寻找.gallery？正确的？有没有办法改变代码以使多个类选择成为可能？

$('.gallery').simplePagination(perPage, opened, onClass, paginationSelector);
});
4

1 回答 1

1

这会将分页事件绑定到具有任一类（gallery2 和 gallery）的元素

$(function(){
    var perPage = 8;
    var opened = 1;
    var onClass = 'on';
    $('.gallery').simplePagination(perPage, opened, onClass, '.pages');
    $('.gallery2').simplePagination(perPage, opened, onClass, '.pages2');
});

您至少可以这样做，不确定您有多少页或您的代码看起来如何。可以通过在“画廊”和“页面”之后添加 1（或者如果 i == 1 时不添加）、2、3 等的循环来解决。

最后的CSS更改为 .gallery li, .gallery2 li

于 2013-10-01T18:07:33.680 回答