爲什麼這個jquery會進入一個無限循環，幾乎相同的循環不會？

Question

我想要一個表單，其中的值根據選擇或文本字段中的更改進行更新。

我開始與

 
jQuery('select[name=measure]','form').live('change',function(){ 
alert('triggered'); 
}); 

然後我說，當用戶改變文本框

 
jQuery('select[name=measure],input[name=amount]','form').live('change keyup',function(){ 
    alert('triggered'); 
}); 

出於某種原因，當我選擇一個選項，這個進入一個無限循環的KEYUP，並在鍵盤上多次觸發（儘管不是無限的）。

當我改變

 
...live('keyup', function()... 

更改文本框只能觸發一次。 我可以將它們分成兩個獨立的.live事件，然後創建一個單獨的函數，但這似乎不是有效的代碼。

Answer 1

它連接的change和keyup到select[name=measure]和input[name=amount]。

我懷疑你想輸入有一個改變事件和選擇有一個keyup事件。

我建議你分開這兩個現場活動。您可能不需要form選擇器。

$('select[name=measure]').live('change', SomeFunction); 

$('input[name=amount]').live('keyup', SomeFunction); 

function SomeFunction() { 
    // this isn't inefficient 
} 

---

工作示例：http://jsfiddle.net/K7586/

---

或者你可以使用delegate()

$("form") 
    .delegate("input[name=amount]", "keyup", SomeFunction) 
    .delegate("select[name=measure]", "change", SomeFunction); 

function SomeFunction() { 
    // this isn't inefficient 
}