Click事件不觸發正確

Question

我試圖觸發click事件時，頁面加載但只有一次，每個頁面加載。現在發生的事情是，在本地主機上它工作正常，但是當我上傳到服務器時，它根本不會被觸發。

當時的想法是一個計數器設置爲0時，頁面加載，然後由1 INC計數器，以禁止其它點擊。顯然，某處有錯誤，但我解決不了。

我使用jqwidgets jqxgrid以顯示數據和獲取類作爲變量。我也使用jQuery 1.11.1

我將不勝感激，如果有人可以幫助我解決這個，因爲我似乎已經嘗試了很多組合，但確定在本地主機上，但沒有在服務器上。我在服務器上使用php v5.3.13 wamp和5.4。非常感謝

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

如果您正在使用jQuery，這似乎的情況下，你可以使用one功能，可以讓您的處理程序是侏儒只有一次。

下面是使用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 
      }); 
     }); 
    }); 
});