Question

你好我想检查div是否有活动的类。第一项有效，之后停止。谁能告诉我如何解决这个问题？（它是一个滑块，因此它不必单击即可工作。）它会自动滑动。 http://i61.tinypic.com/28h2zb6.jpg

    <script>
$(document).ready(function () {
  if ($('#211').hasClass('item active')){
            $('.vandaag').css("background-color", "blue");
            console.log("werkt1!");}
   else if ($('#218').hasClass('item active')){
            $('.vandaag').css("background-color", "#005993");
            console.log("werkt2!");}

    else if ($('#219').hasClass('active')){
            $('.vandaag').css("background-color", "#005993");
            console.log("werkt3!");}
});

</script>

数字是图像滑块的ID。并且.item .active是幻灯片处于活动状态时。格尔茨

Answer 1

不要使用else if，因为它会在第一个块工作后停止。

而是使用if() { }块。

 $(document).ready(function() {
        if ($('#211').hasClass('item active')) {
            $('.vandaag').css("background-color", "blue");
            console.log("Works!");
        } 
        if ($('#218').hasClass('item active')) {
            $('.vandaag').css("background-color", "#005993");
            console.log("works2!");
        }
        if ($('#219').hasClass('active')) {
            $('.vandaag').css("background-color", "#005993");
            console.log("works3!");
        }
    });

Answer 2

如果您想要执行多个条件，则不需要其他条件：

 $(document).ready(function () {
   if ($('#211').hasClass('item active')){
      $('.vandaag').css("background-color", "blue");
      console.log("Works!");}
   if ($('#218').hasClass('item active')){
      $('.vandaag').css("background-color", "#005993");
      console.log("works2!");}
   if ($('#219').hasClass('active')){
      $('.vandaag').css("background-color", "#005993");
      console.log("works3!");}
  });

如果是，则查询if else是否为true？

2 个答案: