我有一個(gè)使用jQuery加載到Y(jié)ahoo彈出窗口中的Ajax控件。我只是使用一個(gè)簡(jiǎn)單的.get請(qǐng)求來(lái)加載HTML。 $.get(contentUrl, null, function(response) { $('#dialog').find('.bd').assertOne().html(response); }, "waitDlg");現(xiàn)在的問(wèn)題是，加載的內(nèi)容需要自己的CSS，而CSS實(shí)際上是動(dòng)態(tài)創(chuàng)建的。我可以選擇內(nèi)聯(lián)或使用外部CSS樣式表。在Chrome中進(jìn)行的測(cè)試表明，使用上述代碼將通過(guò)AJAX加載的css添加到DOM時(shí)未進(jìn)行評(píng)估/應(yīng)用。當(dāng)Internet Explorer僅停留在DOM中時(shí)，它將評(píng)估內(nèi)聯(lián)的CSS，但Chrome不會(huì)。由于完全不相關(guān)的問(wèn)題，我目前無(wú)法在FireFox中進(jìn)行測(cè)試。jQuery是否有任何方法可以評(píng)估以?xún)?nèi)聯(lián)或動(dòng)態(tài)添加到DOM的樣式表？我想這樣做的原因有很多：彈出窗口中的css屬于彈出窗口，并且可能完全來(lái)自不同的環(huán)境它是動(dòng)態(tài)的，除非絕對(duì)必要，否則我不想將其放在父頁(yè)面中我計(jì)劃它像這樣工作，但事實(shí)并非如此！:-(
3 回答
翻過(guò)高山走不出你
TA貢獻(xiàn)1875條經(jīng)驗(yàn) 獲得超3個(gè)贊
給定樣式表的路徑（或一些將生成有效CSS的URL）：
var myStylesLocation = "myStyles.css";
...其中任何一種都可以工作：
使用AJAX加載
$.get(myStylesLocation, function(css)
{
$('<style type="text/css"></style>')
.html(css)
.appendTo("head");
});
使用動(dòng)態(tài)創(chuàng)建的<link>加載
$('<link rel="stylesheet" type="text/css" href="'+myStylesLocation+'" >')
.appendTo("head");
使用動(dòng)態(tài)創(chuàng)建的<style>加載
$('<style type="text/css"></style>')
.html('@import url("' + myStylesLocation + '")')
.appendTo("head");
要么
$('<style type="text/css">@import url("' + myStylesLocation + '")</style>')
.appendTo("head");
慕妹3146593
TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超9個(gè)贊
var cssPath = "/path/to/css/";
var linkStr = document.createElement("<link rel='stylesheet' type='text/css' href='"+cssPath+"' media='screen' />");
document.getElementsByTagName("head")[0].appendChild(linkStr);
添加回答
舉報(bào)
0/150
提交
取消