重新加载部分页面后点击功能未初始化答案

【问题标题】：click-function gets not initialized after reloading part of the page重新加载部分页面后点击功能未初始化
【发布时间】：2016-02-14 23:48:25
【问题描述】：

我制作了一个按钮，点击后会弹出并显示一条警告消息，询问客户是否真的想取消订单。当用户按下“是”时，不会进行 ajax 调用并将订单从数据库中删除。到目前为止，这工作正常。

如果用户想连续取消 2 个订单，则会出现问题。在 ajax 返回一切正常后，我正在重新加载页面的一部分，该部分显示用户的订单历史，并带有以下参数：

$('#orders-history').load(document.URL +  '#orders-history');

这会重新加载它，删除的订单会消失，但是当用户现在尝试再次单击“取消订单”按钮以获取另一个订单时，它将不起作用，只是没有任何反应。页面的一部分重新加载后，JQuery 莫名其妙地没有被初始化。

我知道我可以通过将#orders-history div 外包到外部文件并将其加载到帐户页面来解决此问题，但是在不外包代码的情况下是否有其他解决方案？

【问题讨论】：

标签： jquery ajax

【解决方案1】：

请参考以下链接。希望对你有帮助。

http://stackoverflow.com/questions/4002580/how-to-do-partial-page-update-with-jquery

加载函数包含两个参数（URL 和函数）。您可以通过以下方式重新加载数据....

$("#content").load(href, function() {
        // do something after content has been loaded
    });

或

$.get('url.php', function(data){ // or load can be used too
       $('#mydiv').html(data);
   });

【讨论】：