标签:jquery-selectors javascript jquery
我有这样的代码:
<ul class="gallery_demo_unstyled">
<li class="active"><img src='001.jpg' /></li>
<li><img src='002.jpg' /></li>
<li><img src='003.jpg' /></li>
<li><img src='004.jpg' /></li>
<li><img src='005.jpg' /></li>
<li><img src='006.jpg' /></li>
</ul>
<div class="Paginator">
<a href="../2/" class="Prev"><<</a>
<a href="../1/">1</a>
<a href="../2/">2</a>
<span class="this-page">3</span>
<a href="../4/">4</a>
<a href="../5/">5</a>
<a href="../4/" class="Next">>></a>
</div>
<div class="Albums"><div class="AlbumsMenu">
<p><b>ALBUMS</b></p>
<p><a href="../../blackandwhite/1/" >blackandwhite</a></p>
<p><a href="../../color/1/" class='this-page'>>>color</a></p>
<p><a href="../../film/1/" >film</a></p>
<p><a href="../../digital/1/" >digital</a></p>
<p><a href="../../portraits/1/" >portraits</a></p>
</div></div>
…以及一些JavaScript / jQuery,可以循环浏览图像(最上面的li元素),返回到最后一个图像之后的第一个图像:
$$.nextSelector = function(selector) {
return $(selector).is(':last-child') ?
$(selector).siblings(':first-child') :
$(selector).next();
};
当前页面始终是“ this-page”类(在我的情况下为span或p,但如有必要,我可以更改它).
问题:我应该在代码中进行哪些更改,以使其在最后一张图像之后到达下一页,而不是一遍又一遍地循环遍历页面,以及在最后一页之后到达下一张相册?并在倒数第二个倒数第二个专辑的首页上找到第一张图片的第一张图片(或只是停在这里-不在乎)?
解决方法:
像这样的东西:
function nextImage()
{
var li = $('#gallery_demo_unstyled li.active');
if (li.is(':last-child')) {
nextPage();
} else {
li.removeClass('active');
li.next().addClass('active');
}
}
function nextPage()
{
var next = $('div.Paginator a.Next');
if (next.length == 0) {
nextAlbum();
} else {
window.location = next.attr('href');
}
}
function nextAlbum()
{
var this_album = $('div.AlbumsMenu p a.this-name');
var p = this_album.parent();
if (p.next().length == 0) {
return;
}
window.location = p.next().children('a').attr('href');
}
标签:jquery-selectors,javascript,jquery 来源: https://codeday.me/bug/20191106/2000583.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。