Jquery的綁定click事件使用委託

Question

所有表單域這是我的HTML

<div class="dc2-contact-cont" selectedindex="1" id="contact-form-applet"> 
<div class="dc2-ltfc"> 
    <div class="dc2-ltfcs">A 
     <br> 
    </div> 
    <div role="row" class="dc2-ltfcc" id="0"> 
     <p><span class="dc2-ltf-span" id="SIO_Contact_First_Name_Label">First Name</span> 
      <br> 
      <input type="text" aria-labelledby="SIO_Contact_First_Name_Label" id="0_SIO_Contact_First_Name" name="s_5_2_30_0" class="dc2-ltf-input" value="555" aria-readonly="false"> 
     </p> 
    </div> 
</div> 
<div class="dc2-ltfc"> 
    <div class="dc2-ltfcs">B 
     <br> 
    </div> 
    <div role="row" class="dc2-ltfcc" id="1"> 
     <p><span class="dc2-ltf-span" id="SIO_Contact_First_Name_Label">First Name</span> 
      <br> 
      <input type="text" aria-labelledby="SIO_Contact_First_Name_Label" id="1_SIO_Contact_First_Name" name="s_5_2_30_0" class="dc2-ltf-input" value="4444"> 
     </p> 
    </div> 
</div> 

我需要綁定點擊事件裏面的div的所有輸入控件，但我沒能找到合適的選擇。

我嘗試下面的表達式，但它沒有工作

$('.dc2-ltfcc p').delegate("input[type=text], textarea", 
    "click", { 
     ctx: this 
    }, 
    function(event){ 
     console.log("clicked");    
    }); 

這裏是一個的jsfiddle鏈接，我試圖用找得到正確的選擇，但我不能夠選擇甚至股利。

jsFiddle

Answer 1

使用on：

$("#contact-form-applet").on("click","input",function() { 
alert('test'); 
}); 

Working Demo

使用delegate：

$("#contact-form-applet").delegate("input", "click", function() { 
alert('test'); 
}); 

Working Demo

Answer 2

你可以這樣做：

$('.dc2-ltfcc p').on('click','input',function() { 
    console.log("clicked"); 
}); 

注：delegate()從1.7版本過時，你應該使用on()，而不是像上面。

Answer 3

使用on()

的.on()語法是新的語法，1.7版本的用途和它的目的是取代.bind()，.delegate()和.live()。

更多 - >http://blog.jquery.com/2011/11/03/jquery-1-7-released/

$("#contact-form-applet").on('click','input',function() { 

// your desire action  
});