使用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 后绑定您的click事件

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

你可以在这里看到一个实例