Question

我的js脚本将页面的一部分加载到另一个页面，但css和js不加载（。

例如：第1页包含加载第2页的js。第2页包含类似的内容。第2页成功加载到第1页，但没有任何css或js？我包括。

这是加载页面的代码：

var newdiv = $('<div id="blah"/>');
$('body').append(newdiv);
$('#blah').load('http://paht/to/file.php', function(){...

这是加载页面的代码：

<link rel = "stylesheet" href = "http://path/to/file.css">
<div id="id" class="class">
....
</div>
<script src="http://path/to/js.js"></script>

P.S。如果我直接复制css和js而不是<link href="...">和<script src="...">，那么它的效果很好。
第1页包含我无法改变的脚本。我只是可以改变第2页。如果我直接写css和js - 它的工作正常，但如果我尝试在css和js上编写链接 - 它就会崩溃。

Answer 1

您的文件css和js未加载，因为load使用.innerHTML属性来解析检索到的文档并将其插入当前文档中。

要加载脚本，您应该在文档<script>中自己创建<link>或<head>元素。

尝试功能$.getScript();

$('#blah').load('http://paht/to/file.php', function(){
    $.getScript("path of your script js");
    ...

对于css文件：

$('<link/>', {
    rel: 'stylesheet',
    type: 'text/css',
    href: 'path_to_the.css'
}).appendTo('head');

参考：