jQuery循环prev next

jfgube3f 于 2023-06-22 发布在 jQuery

关注(0)|答案(2)|浏览(116)

我发现this bit of code惠斯特搜索一个基本的滑块和它的附近足够做我想要的，但我希望它循环一旦它到了最后一个李，即如果最后一个李和下一个按钮被点击循环到第一和继续，
所有的帮助是赞赏和一如既往的感谢提前。

$('.udtalelse').addClass("passiv");
ctrlKunder(0);

$('#prev').click(function() {
    var index = getActive();
    if (index == 0) return;
    index--;
    ctrlKunder(index);
})
$('#next').click(function() {
    var index = getActive();
    if (index == $('.udtalelse').length - 1) return;
    index++;
    ctrlKunder(index);
})

function ctrlKunder(ele) {
    $('.udtalelse').removeClass("active").addClass("passiv");
    $('.udtalelse').eq(ele).removeClass("passiv").addClass("active");
}

function getActive() {
    var index;
    $('.udtalelse').each(function(i) {
        if ($(this).hasClass("active")) index = i;
    })
    return index;
}

<ul class="kunder">
    <li><span class="udtalelse">Indhold 1</span></li>
    <li><span class="udtalelse">Indhold 2</span></li>
    <li><span class="udtalelse">Indhold 3</span></li>
</ul>
<span class="kunderpagination">
    <a href="#" id="prev">« Previous</a> |
    <a href="#" id="next">Next »</a>
</span>

jquery

来源：https://stackoverflow.com/questions/6560610/jquery-looping-prev-next

2条答案

按热度按时间

km0tfn4u1#

你的代码可以像这样大大简化：

var all = $('.udtalelse').addClass("passiv");

var i = -1;

$('#prev').click(function() {
    ctrlKunder( i = !i ? all.length - 1 : --i );
});
$('#next').click(function() {
    ctrlKunder( i = ++i % all.length );
}).click();

function ctrlKunder(ele) {
    all.removeClass("active").addClass("passiv");
    all.eq(ele).removeClass("passiv").addClass("active");
}

而且更高效，因为.udtalelse元素被缓存了。

示例：http://jsfiddle.net/3z9uc/
**编辑：**我忘了用小提琴中的修订更新答案。修好了

赞(0）回复(0）举报 2023-06-22

slsn1g292#

将其更改为：

$('#next').click(function(){
            var index = getActive();
            if(index == $('.udtalelse').length - 1) { 
                index = 0; 
            } else { 
                index++;
            }
            ctrlKunder(index);

如果你想在以前的相同的 Package ：

$('#prev').click(function(){
            var index = getActive();
            if(index == 0) {
                $index = $('.udtalelse').length - 1;
            } else {
                index--;
            }
            ctrlKunder(index);
        })

赞(0）回复(0）举报 2023-06-22

我来回答

jQuery循环prev next

2条答案

相关问题

热门标签

最新问答