仅定位此轮播,在同一页面上定位多个轮播
target this carousel only, multiple carousel on same page
我使用以下代码在我的页面上有两个基本的轮播
$('.next').bind('click', function() {
$('.current').removeClass('current').hide().next().show().addClass('current');
if ($('.current').hasClass('last')) {
$('.next').attr('disabled', true);
}
$('.prev').attr('disabled', null);
});
$('.prev').bind('click', function() {
$('.current').removeClass('current').hide().prev().show().addClass('current');
if ($('.current').hasClass('first')) {
$('.prev').attr('disabled', true);
}
$('.next').attr('disabled', null);
});
这是 HTML
<div class="shareBox">
<p class="highlight">
<button class="prev linkBtn" disabled="disabled">Prev</button>
<button class="next linkBtn">Next</button>
</p>
<div class="mask">
<ul class="shareBoxList slides">
<li class="item">
</li>
<li class="item">
</li>
</ul>
</div>
我只想定位我正在点击的那个,但不确定在函数中添加 jquery 的哪个位置。
谢谢
坐
没有 HTML 很难,但逻辑如下:
$('.next').bind('click', function() {
var curCarouselNode = $(this).closest('.shareBox');
curCarouselNode.find('.current').removeClass('current').hide().next().show().addClass('current');
if (curCarouselNode.find('.current').hasClass('last')) {
curCarouselNode.find('.next').attr('disabled', true);
}
curCarouselNode.find('.prev').attr('disabled', null);
});
因此,我们要做的是获得点击项目的最高轮播元素。然后使用它来查找要与之交互的元素。
相关文章:
- 如何获取不属于我项目的上一页的URL
- 如何在Facebook上的iframe应用程序中使后退按钮返回到上一页
- 使用Booklet Jquery插件,我如何验证最后一页是否显示
- 如何在一页网站中使用PHP重定向到一个页面
- Javascript并不是显示在每一页上
- 如何在一页上显示多个Highcharts图表
- jQuery分页下一页和上一页按钮在点击零或超过最后一页后失败
- 如何为AngularJS制作智能表中第一页和最后一页的跳过按钮
- Bootstrap一页导航Fluid网站最小化问题
- 返回上一页时,Javascript仍处于活动状态
- 将jsp重定向到servlet,然后重定向到下一页
- 如何在重定向到asp.net中单击按钮的下一页之前应用javascript警报
- 传递表单值并移动到另一页
- 如何获取数组详细信息另一页
- 警报中的window.location必须重定向到上一页
- 一页签出在Magento版本1.7.0.2中不起作用
- 获取/保留上一页's具有SmoothState的URL
- 简单的一页水平滚动
- 一页上有多个滑块:如何使箭头定位一组特定的幻灯片
- 有没有可能制作一个链接到一页的网页,打开并定位在特定的文章中