Question

我在主页（parent.html）中使用.load（）方法在div中加载页面（child.html）。子项还包含一个脚本，该脚本与父页面中包含的脚本相同。我正在从child.html页面发出一个AJAX请求来提交表单。提交表单后，我将从DOM中删除包含child.html的div。现在，当我尝试通过单击parent.html页面上的按钮来调用函数时，将在不同的源上调用该函数。当我在chrome上打开调试器以检查是否调用了正确的函数时，我发现调试器已在新的源选项卡（黄色背景）中打开该函数，而不是在主源文件中调用该函数。我想了解发生了什么。

将内容加载到div

    $modal = jQuery('<div class="modalDialog" url='+url+' uri='+uri+'></div>');
    $content = jQuery('<div class="contentDialog"></div>');
    $close = jQuery('<a class="closeModalDialog" href="#" data="cross">close</a>');
    $loadingMessage = jQuery('<p class="loadingMessage">Loading ....</p>');
    $content.load( url, function( response, status, xhr ) {});

删除div

    jQuery(jQuery('.contentDialog')[0]).empty();
    jQuery(".modalDialog")[0].remove();
    jQuery(".overlayModalDialog")[0].remove();

这是从父页面调用的函数

    a href="#" onclick="DisplayIteratorPage()

删除div中加载的页面创建的脚本

0 个答案: