javascript - jquery load()：将javascript加载到div中，多次调用函数

Question

我有一个名为#Content 的主div，我根据单击的菜单项替换#Content 中的数据：

这是代码：

$('.nav-button').on('click', function(e){
e.preventDefault();
$('#content').load($(this).attr('href'));
});

score 2 · Accepted Answer

每次单击“传输”时，您都会运行此绑定语句：

$(".tsave").live('click',function() {

尝试将其更改为：

$(".tsave").unbind('click');
$(".tsave").live('click',function() {

jQuery 将在您每次调用它们时附加绑定语句 - 因此，如果您将单击事件绑定到一个对象 10 次，它将在该事件上运行该事件 10 次。

也改变这个：

$(".save").live('click',function() {

到：

$(".save").unbind('click'); 
$(".save").live('click',function() {

score 1 · Accepted Answer

在这里找到答案：http://forum.jquery.com/topic/jquery-load-loading-a-javascript-in-to-div-calls-a-function-multiple-times

如果之前加载过，只需检查不加载脚本。使用这个简单的脚本：

if (! window.loadedThisScript){
window.loadedThisScript = true
// the whole part of the script that you only want to load one time.
}

2 回答 2