javascript - 触发 jQuery 函数

Question

我有一个非常简单的 jQuery 函数

$('#bnAddDegree').click(function () {
    alert("bnAddDegree Loaded");          
});

我根据用户点击的内容将我的网站分成不同的部分。如果他们单击菜单中的选项卡来加载部分，我会调用partial_html 页面并将该部分加载到中心div 中。如果我将上面的代码放入主页加载中，它将不会触发。如果我添加外部 js 文件并在页面加载时加载它，它将不会触发，我认为因为元素尚未初始化。如果我将其放入在加载partial_html后加载的外部js页面中，它将不会触发。如果我将它放在带有标签的partial_html页面上，它就会触发。如果我放一个简单的 javascript 函数

function testFile() {
    alert("File Loaded");
}

在 jQuery 代码不会触发的地方，它可以正常工作。

我在 jQuery 中缺少什么特别的东西吗？

当我加载 javascrip 文件时，我使用

$.getScript("js/biosketch.js")

并使用简单的 javascript 文件对其进行测试，它工作正常，但 jQuery 调用不行。

Answer 1

由于您要动态修改 DOM，因此需要使用委托(delegate)事件处理程序。

$(document).on('click', '#bnAddDegree', function () {
    alert("bnAddDegree Loaded");          
});