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();
});