Question

以下是问题：我有一个页面index.php和onclick的select元素，我们将另一个页面（ajax）从同一文件夹加载到index.php页面。

ajax请求使用以下命令执行：

var $cachedContent = $loadContainer.find(".foo").html();
var $preloadHTML = $('<div class="loader"><img src="images/loader.gif"></div>');  
$("#myads").change(function(){
//$("#adshowblock").load( $(this).val() );
var loadFile = $(this).val();
if (!!loadFile) {
    $loadContainer
    .html($preloadHTML)
    .load(loadFile, function() {
        $preloadHTML.remove();
    });
}
else {
 $loadContainer.html($cachedContent);             
}             
});
});

例如：在index.php页面上，我点击了选择框，banner.php通过ajax请求加载到页面中。一切都很完美。

但在banner.php页面上，我们还需要加载特定的css和js文件，例如：

    <link rel='stylesheet' type='text/css' href='style.css' />
    <script type='text/javascript' src='js/upload.min.js'></script>
    <script type='text/javascript' src='js/swfobject.js'></script>
    <script type='text/javascript' src='js/myupload.js'></script>

问题是这些文件在获取index.php之后没有加载（如果我们检查banner.php页面）它们就不存在了。我们应该在index页面中（对于ajax请求添加如下所示的get脚本（从另一个StackOverflow应答中收集））

如果是这样，任何人都可以帮我这样做吗？这让我发疯了。

$.ajax({
cache: true,
dataType: "script",
url: "your_js_file.js",
success: yourFunction
});

PS 以上代码我不知道如何使用页面顶部的加载文件ajax请求脚本启动它，这里有一个非常有用的成员为我们编写了代码。

谢谢！

Answer 1

将脚本移动到页面底部。

Answer 2

当您使用js加载页面时，应加载ajax个文件，但是他们赢了;使用onRead y函数，页面确实没有加载同样的。

我用于这类事情的解决方案是在加载完成后调用函数。

在您的 loaded in 文件中

var page = {
  init:function(){
    you JS file code
  }
}

ajax 一旦完成，

page.init();

希望这有帮助！

加载JS for ajax页面（获取脚本方法？）

2 个答案: