Question

我有一个滑动面板，在最后一个元素上我希望动画停止我尝试使用.is（＆＃39;：last＆＃39;）并且它不会停止。这是我的代码。表单加载时，当前var设置为第一个元素。当您单击下一个按钮时，它会向左移动并保持动画效果我只想在最后一个元素上停止它

jQuery('.wikiform .navigation input[name^=Next]').click(function () {
    if (current.is(':last')) return;
        jQuery('.wikiform .wizard').animate({ marginLeft: '-=' + current.width() + "px" }, 750);
        current = current.next();});

<div id="formView1" class="wikiform">
    <div class="wizard">

        <div id="view1" class="view">
            <div class="form">
                Content 1
            </div>        
        </div>
        <div id="view2" class="view">
            <div class="form">
                Content 2
            </div>
        </div>

    </div>
    <div class="navigation">
        <input type="button" name="Back" value=" Back " />
        <input type="button" name="Next " class="Next" value=" Next " />
        <input type="button" name="Cancel" value="Cancel" />
    </div>   
</div>

Answer 1

而不是:last，只需检查是否有.next()兄弟，就像这样：

jQuery('.wikiform .navigation input[name^=Next]').click(function () {
  if (current.next().length == 0) return;

停止最后一个元素的动画

1 个答案: