如何在JavaScript If语句中添加多个CSS属性?

时间:2019-12-10 21:44:12

标签: javascript jquery

我有这个脚本

$(document).ready(function() {
            setInterval(function() {
              if ($('#myfooter').css('visibility') == 'hidden'){
                    document.location.href = "http://www.templatezy.com";
                }
            }, 3000)
        })

由于上述脚本仅具有css属性“ visibility:hidden”,而我也想通过使用OR运算符在脚本中包括“ visibility:collapse”属性。

任何人都可以给我提供类似下面示例的代码。

$(document).ready(function() {
            setInterval(function() {
              if ($('#myfooter').css('visibility') == 'hidden')||.css('visibility') == 'collapse'){
                    document.location.href = "http://www.templatezy.com";
                }
            }, 3000)
        })

这只是一个示例,它不起作用。我只是分享我想要的想法。我想使用OR运算符,而不是对“ visibility:collapse”使用单独的脚本。我希望你们也可以通过添加“ visibitity:collapse”属性来在现有脚本中添加OR运算符。谢谢

**

OR

** 伙计们,您可以在这里看到..我在下面共享了这两个脚本...现在,通过在一行中调整可视性:隐藏和可视性:折叠属性,使其成为一个脚本。我希望您现在可以理解...使用两个脚本将增加编码,只需在一行中使用这两个CSS属性即可。谢谢

$(document).ready(function() {
        setInterval(function() {
            if ($('#myfooter').css('visibility') == 'hidden') {
                document.location.href = "http://www.templatezy.com";
            }
        }, 3000)
    })

$(document).ready(function() {
        setInterval(function() {
            if ($('#myfooter').css('visibility') == 'collapse') {
                document.location.href = "http://www.templatezy.com";
            }
        }, 3000)
    })

2 个答案:

答案 0 :(得分:1)

您可以将元素的可见性保存在变量中,以使if语句更易于阅读。另外,如果您一次只能拨打一次import pandas as pd import matplotlib.pyplot as plt # Assuming that we imported df_ds... df_ds.sort_values('Very interested', ascending = False) # Formatting to a percentage will be done in the plotting df_dsp = df_ds / 2233 #PLOTTING ax1 = df_ds.plot(kind = 'bar', figsize = (20,8), width = 0.8, color = ('#5cb85c', '#5bc0de', '#d9534f'), fontsize = 14) ax1.set_title("Percentage of Respondents' Interest in Data Science", fontsize = 16) ax1.legend(fontsize = 14) ax1.spines['top'].set_visible(False) ax1.spines['right'].set_visible(False) ax1.spines['left'].set_visible(False) # Adding the percentage values for p in ax1.patches: ax1.annotate("{:.2%}".format(p.get_height()), xy=(p.get_x()+0.02, p.get_height()+0.01)) ,也就不想打两次。

下面是处理两个可见性的相同代码的示例:


可见性:隐藏

$('#myfooter').css('visibility');
$(document).ready(function() {
  setInterval(function() {
    let visibility = $('#myfooter').css('visibility');
    if (visibility == 'hidden' || visibility == 'collapse') {
      document.location.href = "http://www.templatezy.com";
    }
  }, 3000);
});
#myfooter {
  visibility: hidden;
}


可见性:崩溃

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="myfooter"></div>
$(document).ready(function() {
  setInterval(function() {
    let visibility = $('#myfooter').css('visibility');
    if (visibility == 'hidden' || visibility == 'collapse') {
      document.location.href = "http://www.templatezy.com";
    }
  }, 3000);
});
#myfooter {
  visibility: collapse;
}

答案 1 :(得分:1)

最简单的方法是获取可见性值并将其保存:

checkIfMatch(val: string) {

    let match = false;
    let clean = false;
    if (val) {

       //func logic

     } else {
        // you need to add else block to the function
        this.elementRef.nativeElement.innerHTML = this.originalText;

     }

}

您的解决方案是(如您可能注意到的)语法错误。可以通过在 let vis = $("#myfooter").css("visibility"); if (vis == 'hidden' || vis == 'collapse'){ document.location.href = "http://www.templatezy.com"; } 运算符的另一侧重复$("#myfooter")来解决此问题,但是随后您将需要两个jQuery调用才能找到相同的元素。