javascript - 如何在ajax调用后删除并重新加载jQuery/javascript函数

Question

假设我有这段代码:

<div id="content">
</div>

我使用一个简单的ajax请求来用当我单击某个按钮时起作用的数据填充内容

    $.get("page?num=" + pageNumber, function(data){
                $("div#content").html(data);
});

一次数据将是

<div id="Data1">
</div>

其他时间将会是

<div id="Data2">
</div>

对于每个 id 我都有不同的 jquery 函数。例如:

$('#Data1').click(function(){});

有些功能相似，有些则不同。

我的问题 - 如果我单击按钮，我会加载我需要的所有脚本。当我单击另一个按钮时，我需要再次加载新内容的脚本，但是与先前内容相关的旧函数会发生什么？每次单击时，我都会加载新脚本而不删除最后的。

如何正确删除/管理我的脚本？

谢谢，阿隆

Answer 1

我不确定我是否理解你的问题。你期待类似的东西

$("div#content").html(""); // deleting existing data
$("div#content").html(new_data); //loading new data