如果有类，则javascript jquery添加样式表

Question

Can anyone tell me why the following doesn't work in my 'head'

<script type="text/javascript">

if ($('.company-color').length){
    document.write("<link rel='stylesheet' href='company-color.css' type='text/css'>");
}

</script>

I have a class that is only present on some pages and I want to insert the above stylesheet to the page if the class '.company-color' is present.

Answer 1

use

jQuery(function($){
    if ($('.company-color').length){
        $('body').append("<link rel='stylesheet' href='company-color.css' type='text/css'>"); // or to head
    }
})

Answer 2

Try this code :

$(function(){
    if ($('.company-color').length > 0){
        $('head').append('<link rel="stylesheet" href="company-color.css" type="text/css">');
    }
})

You have to use the append method to add your css to the head element.