Jquery 切换样式表
我知道之前已经讨论过这一点,但是我用jQuery以一种似乎合乎逻辑的方式编写了代码,但是第二个“click”函数似乎不起作用 很可能我错过了一些非常简单的事情,或者做了一些完全错误的事情Jquery 切换样式表,jquery,css,stylesheet,Jquery,Css,Stylesheet,我知道之前已经讨论过这一点,但是我用jQuery以一种似乎合乎逻辑的方式编写了代码,但是第二个“click”函数似乎不起作用 很可能我错过了一些非常简单的事情,或者做了一些完全错误的事情 <script type="text/javascript"> $(document).ready(function() { $('a[href=#start]').click(function(){ $('html,
<script type="text/javascript">
$(document).ready(function() {
$('a[href=#start]').click(function(){
$('html, body').animate({scrollLeft:0}, 'slow');
return false;
});
$(".invert-link").click(function() {
$("link[class='THEME']").attr("href", "http://link-to-site/wp-content/themes/HM/dark-style.css");
$(".invert-link").addClass("dark");
});
$(".invert-link.dark").click(function() {
$("link[class='THEME']").attr("href", "http://link-to-site/wp-content/themes/HM/light-style.css");
$(".invert-link").removeClass("dark");
});
});
</script>
$(文档).ready(函数(){
$('a[href=#start]')。单击(函数(){
$('html,body')。动画({scrollLeft:0},'slow');
返回false;
});
$(“.invert link”)。单击(函数(){
$(“link[class='THEME']”)attr(“href”,”http://link-to-site/wp-content/themes/HM/dark-style.css");
$(“.invert link”).addClass(“暗”);
});
$(“.invert link.dark”)。单击(函数(){
$(“link[class='THEME']”)attr(“href”,”http://link-to-site/wp-content/themes/HM/light-style.css");
$(“.invert link”).removeClass(“暗”);
});
});
第一部分是不相关的,但我想可能会影响
干杯,伙计们 试试这个:
$(".invert-link").click(function() {
if ($(this).hasClass('dark')) {
$("link[class='THEME']").attr("href", "http://link-to-site/wp-content/themes/HM/light-style.css");
$(".invert-link").removeClass("dark");
} else {
$("link[class='THEME']").attr("href", "http://link-to-site/wp-content/themes/HM/dark-style.css");
$(".invert-link").addClass("dark");
}
});
您的第一个.inverse链接
选择器将始终启动,因为它始终具有该类,您可以使用:not()
根据该类执行两个不同的操作。或者,我上面的代码显示,您可以只进行一次单击事件,检查黑暗类是否存在,并从那里开始工作
这是。完美:)6分钟后才能得到答案?非常感谢!