jquery - jQuery中的switchClass不起作用

标签 jquery html css

我有一个网站,其中html标记使用css具有背景图像。我创建了一个标签,当您单击它时,html标签的背景图片应通过CSS更改。我正在使用switchClass,但它不起作用。在我的代码下面找到:


 线:




<html class="background1">






 与触发jQuery的链接:




<div id=photoNum>
    <a class="photoLink" href="#">1</a>
  </div>






CSS:




.background1 {
  background: url(Photos/Main.jpg) no-repeat center center fixed;
}

.background2 {
  background: url(Photos/Main2.jpg) no-repeat center center fixed;
}

.background3 {
  background: url(Photos/Main3.jpg) no-repeat center center fixed;
}

.background4 {
  background: url(Photos/Main4.jpg) no-repeat center center fixed;
}






jQuery脚本:




<script>
    $('.photoLink').on('click', function() {
      $('html').switchClass('background1', 'background3');
    });
  </script>





与toggleClass一起尝试过,以检查是否是语义问题,但是toggleClass可以工作,因此无法找到脚本为何不起作用的原因。我在上面引用了一个jQuery库:



<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>





谢谢你的帮助!

最佳答案

class标记上没有html属性。将其放在body标记上。



<body class="background1">







...
$('body').switchClass('background1', 'background3');
...

关于jquery - jQuery中的switchClass不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32172543/

相关文章:

javascript - 使用javascript设置页面上的所有链接

javascript - 如何等待 document.write 完成

jquery动画到自动高度不起作用

javascript - jQuery遍历每个li并检查一个类

css - 我应该使用多个 CSS 表吗?

javascript - 如何为Bootstrap模式传递数据

CSS:一行中的所有子 div 元素与居中的第二个元素

javascript - jPlayer-声音结束后确认方框

jquery - 更改图标颜色并根据选择的元素。包括工作片段

c# - 如何动态不呈现脚本标签?