jQuery - 如果语句没有按预期工作

时间:2016-02-23 10:07:46

标签: jquery html css

我有一个简单的if语句,它不起作用 - 是语法中的错误吗?

style="color:white;"

此行将在开发后期动态设置:

 <script type="text/javascript">

     $(document).ready(function() {
        var article = 'Running';

       if(article == 'Running') {
         $('.article-title').css('background-color', '#000');
         }
        else if(article) == 'Tennis') {
         $('.article-title').css('background-color', '#555');
         }
     });

 </script>

(编辑) 问题是有两个实例:     $(document).ready(function(){

页面上。

使用以下方法解决了这个问题:

var article = 'Running';

2 个答案:

答案 0 :(得分:2)

我想你想要使用你声明的变量......

变化:

if($(article) == 'Running') {
    $('.article-title').css('background-color', '#000');
}
if($(article) == 'Tennis') {
    $('.article-title').css('background-color', '#555');
}

为:

if(article == 'Running') {
    $('.article-title').css('background-color', '#000');
}
else if(article == 'Tennis') {
    $('.article-title').css('background-color', '#555');
}

$(...)是JQuery中的选择器,与本地变量无关。

答案 1 :(得分:0)

上面的文章是一个变量,对于Javascript变量,我们不需要使用$(文章),我们可以简单地比较if(article ==&#39; Running&#39;)..