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

Question

I have an html file that looks basically like...

<style>
    some css
</style>

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

<script>
    some javascript
</script>

I can successfully load this into a div using...

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

The content is loaded, the javascript executes, but the css doesn't load in the HEAD section and is therefore invalid markup.

I know I can load a separate css file using something like...

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

...shown at https://stackoverflow.com/a/1948571/1024808 . But I can't figure out how to load the css AND the HTML using only one page call. I had an idea of using the .load() methods option to "specify a portion of the remote document to be inserted" . http://api.jquery.com/load/ . But that then discards the rest of the document and would require a second page load, AFAIK.

Thanks

Answer 1

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