0

チェックボックスを使用して、オーバーレイの起動のオンとオフを切り替えようとしています。私が欲しいのは、チェックボックスがオフになっているときにオーバーレイが発火しないようにすることです。これが私のライブコードです(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 ツールを使用しています)。

オーバーレイがオンとオフの両方の状態で起動することがわかります。私は何を間違っていますか？

4

0 に答える 0