jquery - 如何使 jQuery 中的复选框锁定现有的滑动窗口不移动，然后通过取消选中该框来解锁它？

Question

我对 jQuery 很陌生，但我开始掌握它的窍门。

我的问题是：如何使 jQuery 中的复选框锁定现有的滑动窗口功能以防止移动，然后通过取消选中该框来解锁它？所以基本上启用/禁用我的项目中的现有功能 - #navigate

任何帮助将不胜感激！

Answer 1

假设您有以下复选框：

<input type='checkbox' id='stopNavAnim' />

您可以确定是否像这样检查它：

$('#stopNavAnim').is(':checked');

就控制您的特定动画而言，这实际上取决于您如何为#navigate. 您也许可以简单地添加

if ($('#stopNavAnim').is(':checked')) return;

到动画将被触发的地方。如果您遇到问题，请发布您用于制作动画的代码。

有一个可怕的 jsbin 示例可用。

另一种选择是绑定到复选框上的“更改”事件并调用其他一些函数来停止/启动动画：

$('#stopNavAnim').bind('change', function() {
  if ($(this).is(':checked')) stopAnim();
  else startAnim();
});