使用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 doc中使用它會起作用，而當我嘗試使用jquery使它可點擊時卻不能使用？

Answer 1

主要問題是，在其余DOM加載后 ，您需要綁定click事件

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

您可以在此處看到一個實時示例

Answer 2

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