Question

这个问题与我之前发布的另一个问题有关。我提出一个新问题的原因是因为我改变了一些事情，从那时起就无法处理一个小问题。

所以，我有这个简单的水平幻灯片。我有一个左右按钮来控制它（除了直接点击幻灯片的能力）。基本上我希望我的按钮在幻灯片显示到达它的左/右端时停用它们，并在它们再次结合时重新激活。我尝试过.off（），但它只是永久停用。当我想要它重新开启 - .on（） - 它不起作用。

HTML标记：

<div id="rocksMenu_btnLeft"></div>
<div id="rocksMenu_btnRight"></div>

      <div id="centerArea">
         <div id="menuContainer">
            <div id="menuItem_1" class="menuItem">
               <div class="content">Contents1</div>
            </div>
            <div id="menuItem_2" class="menuItem">
               <div class="content">Contents2</div>
            </div>
            <div id="menuItem_3" class="menuItem">
               <div class="content">Contents3</div>
            </div>
            <div id="menuItem_4" class="menuItem">
               <div class="content">Contents4</div>
            </div>
         </div>
      </div>

这里的完整代码 - Fiddle（干净的版本 - 我删除了我的按钮禁用代码尝试，因为它变得凌乱）。我已经搜索过这个问题，但无法得到明确的答案。

感谢名单。

佩德罗

Answer 1

您不必停用活动，只需进行检查，如果到达目的地，请不要进行动画操作。

$('#rocksMenu_btnRight').on('click', function() {
    if (menuItem_place === menuItem_limit) return;
    // animation code
}

对于btnLeft，只需更改条件if (menuItem_place === 0) return;。

从动画按钮解除绑定/重新绑定.on（）/。off（）鼠标事件

1 个答案: