jQuery: как включить или отключить пользовательское событие с помощью своих флажков?

Я пытаюсь включить или выключить запуск оверлея с помощью флажков. То, что я хочу, чтобы наложение НЕ ПОЖАРА, когда флажок выключен. Вот мой живой код (http://eetest.netmagicsolutions.com/leadform/):

$grpBoxes.fireOverlay = function() {        
        //fire overlay only if input is not checked
        var chkBoxes = $('#choices').find('input:checkbox');
        //console.log(chkBoxes);
        chkBoxes.each(function(){

        $(this).change(function(){
            var $this = $(this);
            if($this.is(':checked')) {
                $this.overlay();                    
              }             
           });

        });
      }(); // end fireOverlay

Я сделал это, и это работает здесь: http://jsfiddle.net/amit_e/GcvTf/9/. Проверьте консоль Firebug / Chrome, и вы увидите, что настраиваемое событие срабатывает только при установленном флажке.

Но мой живой код не работает с той же техникой: http://eetest.netmagicsolutions.com/leadform/

Чтобы просмотреть ошибку в реальном коде (http://eetest.netmagicsolutions.com/leadform/), выполните следующие действия:

  1. Откройте выпадающий список и выберите хостинг
  2. Нажмите на флажок выделенного хостинга, который запускает оверлей (я использую jQuery Tools)

Вы увидите, что наложение срабатывает как во включенном, так и выключенном состоянии. Что я делаю неправильно?

0 ответов

Другие вопросы по тегам