jQuery的：），而不是活的（）思考（，生成的東西

Question

在動態的傳播得到這個HTML：

<div id="mother"> 
    <select id="sel" name="sel"> 
    <option value="1">Un</option> 

    <option value="2">Deux</option> 
    <option value="3">Trois</option> 
</select> 

<input id="in" name="in"/> 
</div> 

的mother是網頁，但兩個孩子，是動態生成select和input

試圖通過使用像打電話給他們：

$('body').on('blur change','#mother input, #mother select',function(){ 
    alert($(this).attr('id')) 
    }) 

Javascript是所有一言不發。

這怎麼能最好的使用on()而不是live()？ ...因爲與live()這是很容易弄清楚。

謝謝。

Answer 1

.live（）已被廢棄，拆除，不使用它在所有 version deprecated: 1.7, removed: 1.9

使用在這樣

$('body').on('blur change', '#mother input, #mother select', function() { 
    alert($(this).attr('id')); 
}); 

Answer 2

您的活動必須空格分開：blur change,不是blur,change。

Answer 3

也有一些是在你的頁面錯誤的其他地方。我創建了一個小提琴，顯示這方面的工作就好了：http://jsfiddle.net/evictor/Dnsm8/

<div id="mother"> 
</div> 

JS：

$(function() { 
    $('body').on('blur change','#mother input, #mother select',function(){ 
     alert($(this).attr('id')) 
    }); 

    $('<input id="test" />').appendTo('#mother'); 
}); 

Answer 4

您也可以使用此sintax：

<div id="mother"> 
    <select id="sel" name="sel"> 
    <option value="1">1</option> 

    <option value="2">2</option> 
    <option value="3">3</option> 
</select> 

<input id="in" name="in"/> 
</div> 

JS

$('body').on({ 
     blur: function() { 
      alert("blur"); 
     }, 
     change: function() { 
      alert("change"); 
     } 
    }, '#mother input, #mother select'); 

http://jsfiddle.net/FccfN/1/