Javascript 使用jquery使div可单击并运行函数

所以我想在单击div时执行代码

所以我有一个函数

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

我想在单击div时调用此函数

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

不，它不起作用

但是

我转到HTML文档并执行此操作

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

而且它工作得很好

---

所以我的问题是，我做错了什么？为什么它在html文档中工作，而在我尝试使用jquery使其可单击时不工作？

主要问题是，在加载DOM的其余部分后，需要绑定单击事件

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

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

---

您可以看到一个实时示例

主要问题是您需要在加载DOM的其余部分后绑定click事件

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

---

您可以看到一个实例

您是否将jQuery代码包装在$document.ready中了？或者$function{…}？是的，它包装得很好，你把jQuery代码包装在$document.ready中了吗？或者$function{…}？是的，它包装得很好，但不起作用。我对JS中不起作用的东西有着无尽的烦恼，但是一旦你调用html中的函数，它就会起作用……你能给我们你的整个JS文件吗？可能是你的函数泡沫超出了范围，当我遇到这样的问题时，我会删除所有内容，只是为了确保代码没有任何问题……您在脚本之前将jQuery添加到页面了吗？没有，我只加载了上面的文件，而谷歌的jQuery库不起作用。我对JS中不起作用的东西有着无尽的烦恼，但是一旦你调用html中的函数，它就会起作用……你能给我们你的整个JS文件吗？可能是你的函数泡沫超出了范围，当我遇到这样的问题时，我会删除所有内容，只是为了确保代码没有问题……您是否在脚本之前向页面添加了jQuery？没有，我只加载了上面的文件，以及来自google的jQuery库