JQuery .load 函数破坏了其他 jQuery 函数

Question

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 但它不起作用。如果我刷新页面，它就会正常工作，直到我再次打开并关闭此模式

Answer 1

我认为您在弹出页面中调用了 jQuery lib 文件。所以它正在取代整个 jQuery。然后，在它消失之后，jQuery 就什么也没有了。因此，尝试从那里删除 jQuery。