重新加载部分页面后,click-function未初始化

时间:2015-11-13 11:44:59

标签: jquery ajax

我点击了一个弹出按钮并显示一条警告信息,询问客户是否确实要取消订单。不是当用户按下yes时,进行ajax调用并且从数据库中删除该命令。这到目前为止工作正常。

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

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

重新加载,删除的订单消失,但当用户现在尝试点击"取消订单"再次按下另一个订单,它不会工作,只是没有任何反应。在页面的一部分重新加载后,JQuery以某种方式不会被初始化。

我知道我可以通过将#orders-history div外包到外部文件并将其加载到帐户页面来处理这个问题,但是如果没有外包代码,还有其他解决方案吗?

1 个答案:

答案 0 :(得分:0)

请参阅以下链接。我希望它有所帮助。

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

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

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

OR

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