function LoadModal(page, title) {
title = title || '';
$( "#modal_page" ).fadeIn("slow");
$( "#modal_title" ).html(title);
$("#modal_page_body").html('<h2 align="center">Loading...</h3><p align="center"><i class="fa fa-refresh fa-spin fa-5x"></i></p>'); //$('#LoadingDiv').show();
$("#modal_page_body").load(page, function(){
});
$("html, body").animate({ scrollTop: 0 }, "slow");
}
我在 JQuery 中有上述函数,我用以下代码调用它:
<a href="#" onClick="LoadModal('/section/helpdesk/newticket', 'New Ticket');" title="New Ticket"><i class="fa fa-ticket"></i></a>
它按照我想要的方式工作,并且页面正在加载到显示良好的模式中。
但是,当我关闭模态$("#modal_page").fadeOut("slow")
时,主index.php页面上的任何JQuery代码都不会运行。例如,我有一个 .toggle
但它不起作用。如果我刷新页面,它就会正常工作,直到我再次打开并关闭此模式
最佳答案
我认为您在弹出页面中调用了 jQuery lib 文件。所以它正在取代整个 jQuery。然后,在它消失之后,jQuery 就什么也没有了。因此,尝试从那里删除 jQuery。
关于JQuery .load 函数破坏了其他 jQuery 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34324051/