我有这个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!!');
}
});
答案 0 :(得分:1)
试试这个:您的if
条件有错误,请按照以下代码
$(document).ready(function(){
if ($('#div-features').is(':visible')){
$('#menu-features').addClass("active");
}
});