クリックイベントが正しく発生しない

Question

ページが読み込まれたときにクリックイベントを発生させようとしていますが、各ページの読み込み時に1回しか発生しません。起こっていることは、localhostではうまくいきますが、サーバーにアップロードすると、火災が発生しません。

考えられるのは、ページが読み込まれたときにカウンタを0に設定し、カウンタを1に設定してそれ以上のクリックを無効にするというものです。明らかにどこかにエラーがありますが、解決できません。

私はjqwidgets jqxgridを使用してデータを表示し、そのクラスを変数として取得しています。私もjqueryを使用しています。1.11.1

多くの組み合わせを試してみたように誰かが私を助けることができたら大変感謝しますが、localhostではOKですが、サーバ上には何もありません。私は、サーバー上でphp v5.3.13 wampと5.4を使用しています。あなたはそれがケースと思われるのjQueryを使用している場合、多くのおかげで

var counter = 0; 
window.onload = function() { 
    var calendaricons = document.getElementsByClassName('jqx-icon-calendar'); 

    for (var i = 0; i < calendaricons.length; i++) { 
    calendaricons[i].addEventListener('click', function() { 
     if (counter === 0) { 
     notif({ 
      type: "info", 
      msg: "Test Message", 
      width: 650, 
      height: 99, 
      multiline: true, 
      position: "center", 
      fade: true, 
      //timeout: 3000, 
      autohide: false, 
      clickable: true 
     }); 
     counter++; 

     } else { 
     return false; 
     } 
    }); 
    } 
} 

Answer 1

、あなたのハンドラが一度だけラントにすることができますone機能を使用することができます。

$(window).load(function() { 
    $('.jqx-icon-calendar').each(function(index, item) { 
     $(this).one("click", function() { 
      notif({ 
       type: "info", 
       msg: "Test Message", 
       width: 650, 
       height: 99, 
       multiline: true, 
       position: "center", 
       fade: true, 
       //timeout: 3000, 
       autohide: false, 
       clickable: true 
      }); 
     }); 
    }); 
});