根據一個值添加一個外部的CSS

-1

所以我有一個隱藏的div，它包含（1,2,3）中的一個值。我想獲得innerhtml &取決於想要添加特定css文件的值。根據一個值添加一個外部的CSS

$(document).ready(function() { 
    if($('#tVal').html()=='1'){ 
     $('head').append('<link rel="stylesheet" href="../common/css/theme1.css" type="text/css" />'); 
    } 
    }); 

    <div id="tVal">1</div>

無法識別我的錯。請幫忙！

***代碼工程..這是一個臨時firefox發脾氣！對不起浪費你的時間！

來源

2015-06-15 Nilanjan Roy

出了什麼問題？ [這個小提琴]（https://jsfiddle.net/MrLister/yq4w1z8v/）顯示樣式表確實被添加到頭部。 –

那麼返回'$（'＃tVal'）。html（）'？也許修剪它 –

'$（'＃tVal'）。html（）''的回報是肯定的問題。要檢查它的回報。 – lucasnadalutti

我試過這個確切的代碼，它對我很好。您能否與我們分享一些您的代碼？控制檯輸出？您是否嘗試在if中放置一些alert或console.log以查看條件是否爲true？如果沒有，請添加else{alert('a');}以查看if是否正在運行。你有沒有正確的包含JQuery庫？

我儘可能地利用這些非常少的信息提供幫助。

來源

2015-06-15 18:33:46

。這是我的不好。有時候Firefox會這麼做。 –

你可以嘗試使用這個。

var $head = $("head"); 
var $headlinklast = $head.find("link[rel='stylesheet']:last"); 
var newlinkElement = "<link rel='stylesheet' href='/css/yourFile.css' type='text/css' media='screen'>"; 
if ($headlinklast.length){ 
    $headlinklast.after(newlinkElement); 
} 
else { 
    $head.append(newlinkElement); 
}

來源

2015-06-15 18:29:06

你可以添加一些詞來解釋你的答案嗎？它的工作原理是 – Kmeixner

根據一個值添加一個外部的CSS

回答

相關問題