Простое разбиение на страницы Несколько страниц, используя несколько селекторов CSS

0

Я использую простую разбивку на страницы для запуска моего веб-сайта, но у меня возникла проблема. У меня есть вкладки css, которые являются моей навигацией, в каждой навигации у меня есть отдельная разбивка на страницы, которая отличается от предыдущей.

код разбивки на jquery

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

.gallery используется для вызова стиля галереи, которую я предполагаю, но единственный способ использовать этот код (AS FAR AS я KNOW) - это позвонить ему второй раз.

$(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 edit означает, что мне нужно отредактировать 5+ раз. Любая идея, почему это не работает?

Я предполагаю, что это не работает из-за этого вызова. Он ищет.gallery? верный? есть ли способ изменить код, чтобы сделать возможным выбор нескольких классов?

$('.gallery').simplePagination(perPage, opened, onClass, paginationSelector);
});
Теги:
pagination

1 ответ

1
Лучший ответ

Это свяжет событие pagination с элементами с любыми классами (галерея2 и галерея)

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

Вы могли бы по крайней мере сделать это таким образом, не знаете, сколько страниц у вас есть или как выглядит ваш код. Может быть решена путем добавления 1 (или ничего, если я == 1), 2,3 и т.д. После "галереи" и "страниц".

Последний css изменится на .gallery li,.gallery2 li

  • 0
    @Sickest Вы пробовали это?
  • 0
    Код CSS работал отлично, глупая ошибка, я не добавлял li с каждым селектором, но я noob, так что да. НО код jquery не работает, когда я разделяю функцию, она работает нормально, но не так, как, к сожалению, ваш код
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню