0

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

所以，我有这个简单的水平幻灯片。我有一个左右按钮来控制它（除了直接点击幻灯片的能力）。基本上，我希望我的按钮在幻灯片到达左/右端时自行停用，并在它们再次被连接时重新激活。我试过 .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（干净的版本 - 我删除了我的按钮禁用代码尝试，因为它变得混乱）。我已经搜索过这个问题，但无法得到明确的答案。

谢谢。

佩德罗

4

1 回答 1

2

You don't have to deactivate the event, just do a check and if the end is reached, don't do the animation action.

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

For btnLeft just change the condition if (menuItem_place === 0) return;.

于 2013-04-15T16:13:07.747 回答