Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 切换样式表_Jquery_Css_Stylesheet - Fatal编程技术网

Jquery 切换样式表

Jquery 切换样式表,jquery,css,stylesheet,Jquery,Css,Stylesheet,我知道之前已经讨论过这一点,但是我用jQuery以一种似乎合乎逻辑的方式编写了代码,但是第二个“click”函数似乎不起作用 很可能我错过了一些非常简单的事情,或者做了一些完全错误的事情 <script type="text/javascript"> $(document).ready(function() { $('a[href=#start]').click(function(){ $('html,

我知道之前已经讨论过这一点,但是我用jQuery以一种似乎合乎逻辑的方式编写了代码,但是第二个“click”函数似乎不起作用

很可能我错过了一些非常简单的事情,或者做了一些完全错误的事情

    <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分钟后才能得到答案?非常感谢!