jQuery的單擊事件是使用類選擇

Question

在這裏發射多次被我的HTML

<li><div class="myLink" id=1>A<div> 
<li><div class="myLink" id=2>b<div> 
<li><div class="myLink" id=3>c<div> 
<li><div class="myLink" id=4>d<div> 
<li><div class="myLink" id=5>d<div> 
<li><div class="myLink" id=6>e<div> 
<li><div class="myLink" id=7>d<div> 
<li><div class="myLink" id=8>g<div> 

我創建了一個jQuery的事件綁定室內用這個代碼：

jQuery(".myLink").click(function(event) { 

     var myId = this.id; 

     location.href = '/x/y?myId=' + myID; 
    }); 

當我在一個鏈接點擊（李項目）。我認爲這會觸發一個點擊事件，當我打電話給this.id，我只會得到我點擊的項目的ID。

但相反，它看起來像：

jQuery(".myLink").click(function(event) { 

被解僱了一遍又一遍，甚至以爲我只是點擊一個鏈接。我在他們和使用過的螢火蟲中加入了一個調試器語句，並且看到這個反覆調用。

任何想法是怎麼回事？

Answer 1

如果您關閉<li>標籤，您將解決該問題。我剛剛測試過它，並糾正它。 應

<li> ... </li> 
<li> ... </li> 

不

<li> 
<li> 

Answer 2

嘗試將id屬性的值放在引號中。奇怪的事情發生時，你只是把id=1。

另外，你怎麼知道它是多次發射？把此行的函數的頂部和觀看螢火蟲日誌，看看發生了什麼：

console.log("clicked on", jQuery(this), "which has id", jQuery(this).attr('id')); 

編輯：

嘿，正如其他人指出...確保您的標記是有效的太：P

Answer 3

從發佈的HTML看來，它看起來像myLink DIV是嵌套的，導致事件被多次觸發，因爲每個DIV都獲得了點擊。如上所述，確保標籤格式正確。每行末尾的DIV標籤是否應該是關閉標籤？

Answer 4

我有一個類似的問題，我的解決辦法是宣佈click事件之前解除綁定click事件。沒有多大意義，但我不知道多個事件如何附加到單個HTML元素。 （和我的HTML看起來有效的;））

$（ 'remove_lkc '）解除綁定（' 點擊'）點擊（函數（）{..........

Answer 5

我的問題是，當我創建<div>時，我在循環中將事件綁定在一個循環中，因此事件中的每個項目都會反覆添加事件，只是需要仔細檢查。

Answer 6

加入這兩行後解決了這個問題對我來說：

event.stopPropagation(); 
event.preventDefault(); 

來源： http://code.google.com/intl/en/mobile/articles/fast_buttons.html

Answer 7

就我而言，我有多個選項卡呈現相同的部分，並且每個部分有$（文件）。準備（）調用綁定點擊事件三次。

Answer 8

確保您沒有多次包含js腳本。 如果您在服務器站點中使用框架，請確保佈局和模板不包含相同的腳本。

Answer 9

在我的情況下，JavaScript必須與ajax請求一起呈現。

$(document).ready(function(){ 
    $(document).on('click','.className',function(){alert('hello..')}) 
}); 

事件發射多時間..使用.off（）刪除所有以前的事件處理程序。 （在使用。對使用相同的簽名（））

$(document).ready(function(){ 
    $(document).off('click','.className'); 
    $(document).on('click','.className',function(){alert('hello..')}); 
}); 

希望它可以幫助一些一...