如何使用jQuery加载页面然后使用CSS和HTML？

我有一个看起来基本上就像一个HTML文件...如何使用jQuery加载页面然后使用CSS和HTML？

<style> 
    some css 
</style> 

<h1>...</h1> 
<p>...</p> 
<form> 
    ... 
</form> 

<script> 
    some javascript 
</script>

我可以成功加载到使用一个div这个...

$('#signup').load('path/to/html');

内容被加载时，JavaScript执行，但该CSS不加载在HEAD部分，因此是无效的标记。

我知道我可以加载使用像一个单独 css文件...

$("head").append("<link />"); 
var CSS = $("head").children(":last"); 
CSS.attr({ 
    "rel": "stylesheet", 
    "type": "text/css", 
    "href": "url/to.css" 
});

...在https://stackoverflow.com/a/1948571/1024808所示。但我不知道如何只使用一个页面调用来加载CSS和HTML。我有一个想法，使用.load（）方法选项“指定要插入的远程文档的一部分”。 http://api.jquery.com/load/。但是这会丢弃文档的其余部分，并需要第二次页面加载，AFAIK。

感谢

来源

2011-12-23 Isius

动态加载的html应该自动应用相关的CSS。我认为你的问题在别处 – 2011-12-23 01:41:46

也可能是一个选择性问题。 – Kenaniah 2011-12-23 01:43:27

@AdamRackis是对的。你的CSS不正确，HTML格式不正确或者其他问题。 – djlumley 2011-12-23 01:45:16

使用live：附加的事件处理程序的当前选择，现在和将来匹配所有元素。

来源

2011-12-23 01:47:28 dotfreelancer

你的链接指向“生活”？ – Isius 2011-12-23 01:48:30

对不起，我更新了。 – dotfreelancer 2011-12-23 01:51:43

>“不再推荐使用.live（）方法，因为更高版本的jQuery提供了没有缺点的更好的方法。” – Isius 2011-12-23 01:53:33

如何使用jQuery加载页面然后使用CSS和HTML？

回答

相关问题