jquery - 如何在 jQuery 中设置一个复选框来锁定现有的滑动窗口，使其无法移动，然后通过取消选中该框来解锁它？

Question

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

我的问题是:如何在 jQuery 中设置一个复选框来锁定现有的滑动窗口函数，使其无法移动，然后通过取消选中该框来解锁它？ 所以基本上启用/禁用我的项目中名为 - #navigate

的现有功能

任何帮助将不胜感激!

Answer 1

假设您有以下复选框:

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

您可以像这样确定是否进行检查:

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

就控制特定动画而言，它实际上取决于您如何设置 #navigate 动画。您也许可以简单地添加

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

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

A horrible jsbin example可用。

另一个选项是绑定(bind)到复选框上的“更改”事件并调用其他函数来停止/启动动画:

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