如何加载css和js

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 上写 link - 它会崩溃。

http://i.stack.imgur.com/KUjmk.jpg

Answer 1

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

要加载脚本，您应该在文档的 <head>.

中自己创建 <script> 或 <link> 元素

试试函数 $.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');

参考：

http://api.jquery.com/load/

如何加载css和js

How to load css and js

javascript

css

load