如何更改樣式表的src屬性

我試圖通過單擊按鈕來更改css樣式表。如何更改樣式表的src屬性

<head>  
<link id='link01' rel="stylesheet" href="blue.css"> 
</head>

但沒有風格的變化。什麼都沒發生。
任何幫助？

來源

2016-12-23 bonaca

您可能正在更改網址，但這並不一定意味着它會加載新網址。 –

可能重複[可以根據請求加載外部樣式表？]（http://stackoverflow.com/questions/2126238/can-i-load-external-stylesheets-on-request） –

我想：

$('#link01').attr('src', theme);

應該是：

$('#link01').attr('href', theme);

How to change the href for a hyperlink using jQuery

來源

2016-12-23 14:39:11

變化

$('#link01').attr('src', theme);

要：

$('#link01').attr('href', theme);

如果你看看你的鏈接標籤，包含文件名的「href」，而不是「SRC」屬性。

來源

2016-12-23 14:38:56 ADyson

你可以這樣說：

使用jQuery的.attr()改變href財產link標記。

$(function() { 
 
\t $("#block a").on('click', function() { 
 
     theme = $(this).data('theme'); 
 
\t \t $("#link01").attr("href", theme + '.css'); 
 
     console.log("Stylesheet changed to: " + $("#link01").attr("href")); 
 
\t \t return false; 
 
\t }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link id='link01' rel="stylesheet" href="blue.css"> 
 
<div id="block"> 
 
    <a href="#" data-theme="green">Change Stylesheet Link</a> 
 
</div>

希望這有助於！

來源

2016-12-23 14:42:08

-1

將src更改爲href應該可以工作。

$('#link01').attr('href', theme);

來源

2016-12-23 14:44:46

如何更改樣式表的src屬性

回答

相關問題