获取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。

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