Я использую простую разбивку на страницы для запуска моего веб-сайта, но у меня возникла проблема. У меня есть вкладки 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 с элементами с любыми классами (галерея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