在屏幕上显示div时添加类

时间:2015-01-28 06:16:47

标签: jquery

我有这个HTML代码:

<ul>
    <li class="menu" id="menu-features">
        <a href="#features">Features</a>
    </li>
</ul>

<a id="features"></a>
<div id="div-features">
<!-- SOME CODE HERE -->
</div>

我有这个jQuery脚本:

    $(document).ready(function(){
        if $('#div-features').visible(){
            $('#menu-features').addClass("active");
        }
    });

现在,问题在于:

我想在列表项中添加一个类,在这种情况下#menu-features只有在屏幕上显示div #div-features时才会这样。一旦它不可见,那么该课程将被删除。

但是,似乎jQuery .addClass不会影响#menu-features上的任何内容。

我在这里做错了什么?谢谢。

更新:我也试过,但仍然失败

$(document).ready(function(){
    if ($('#div-features').is(':visible')){
        //$('#menu-features').addClass("active");
        alert('Hello, World!!');
    }                               
});

1 个答案:

答案 0 :(得分:1)

试试这个:您的if条件有错误,请按照以下代码

$(document).ready(function(){
   if ($('#div-features').is(':visible')){
         $('#menu-features').addClass("active");
    }
 });