Как сделать, чтобы флажок в jQuery блокировал перемещение существующего скользящего окна, а затем разблокировал его, сняв флажок?

Question

Я очень плохо знаком с jQuery, но начинаю понимать его.

Мой вопрос: Как сделать, чтобы флажок в jQuery блокировал перемещение существующей функции скользящего окна, а затем разблокировал ее, сняв флажок? Так что в основном включите / отключите существующую функцию в моем проекте под названием - # navigate

Любая помощь будет принята с благодарностью!

Answer 1

Допустим, у вас есть следующий флажок:

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

Вы можете определить, установлен ли он так:

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

Что касается управления вашей конкретной анимацией, то это действительно зависит от того, как вы анимируете свою #navigate. Вы можете просто добавить

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

в места, где анимация будет запущена. Если у вас возникли проблемы с ним, опубликуйте код, который вы используете для анимации.

Ужасный пример jsbin доступен.

Другим вариантом будет привязка к событию "change" на флажке и вызов какой-то другой функции для остановки / запуска анимации:

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