So ändern Sie das Attribut src eines Stylesheets

Ich versuche, das CSS-Stylesheet zu ändern, indem ich auf eine Schaltfläche klicke.So ändern Sie das Attribut src eines Stylesheets

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

$('.pointcolors').click(function(){ 
    var theme = $(this).attr('data-theme') + '.css'; 
    console.log(theme); // green.css - it's ok 
    $('#link01').attr('src', theme); 
});

Aber es gibt keine Stiländerungen. Nichts passiert.
Irgendwelche Hilfe?

Quelle

2016-12-23 bonaca

Möglicherweise ändern Sie die URL, aber das bedeutet nicht unbedingt, dass die neue URL geladen wird. –

Mögliches Duplikat von [Kann ich externe Stylesheets auf Anfrage laden?] (Http://stackoverflow.com/questions/2126238/can-i-load-external-styleshee-on-request) –

Ich denke:

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

werden sollten:

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

How to change the href for a hyperlink using jQuery

Quelle

2016-12-23 14:39:11

ändern

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

An:

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

Wenn Sie an Ihrem Link-Tag aussehen, das Attribut, das den Dateinamen enthält, ist "href", nicht "src".

Quelle

2016-12-23 14:38:56 ADyson

Sie es wie folgt tun:

Verwenden jQuery .attr() die diezu ändernEigentum von link Tag.

$(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>

hoffe, das hilft!

Quelle

2016-12-23 14:42:08

-1

Ändern src zu href sollte funktionieren.

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

Quelle

2016-12-23 14:44:46

So ändern Sie das Attribut src eines Stylesheets

Antwort

Verwandte Themen