使用jquery使div可點擊並運行一個函數

Question

所以我想執行代碼時，我點擊一個div。

所以我有一個功能

function froth(){$("#area").load("test.html #enquiry1");} 

我想調用這個函數，當我點擊一個div

<div id="t1">Test</div> 

所以我嘗試使用此代碼

$('#t1').click(function(){ 
    froth(); 
    }); 

都能跟得上它沒有工作。

但

我去到HTML文檔，做這個

<div id="t1" onclick="froth()">Test</div> 

和它的作品完美。

所以我的問題是，我在這裏做錯了什麼？爲什麼它會在HTML文檔中工作，並且當我嘗試使用jQuery進行點擊時不工作？

Answer 1

的主要問題是，你需要點擊事件的DOM其餘後加載

$(document).ready(function() { 
    $('#t1').on('click', function(){ 
     froth(); 
    }); 
}); 

你可以看到一個活生生的例子here

Answer 2

$(document).on('click', '#t1', function() { 
froth(); 
});