小编b0n*_*0nd的帖子

我正在尝试创建一个jquery菜单,当我单击其中一个链接(不重新加载页面)时,它将其类更改为"active"并在我单击另一个链接时删除此类.

这是我的代码:

<script type="text/javascript">
$(document).ready(function() {
  $(".buttons").children().("a").click(function() {
    $(".buttons").children().toggleClass("selected").siblings().removeClass("selected");
  });
});
</script>


  <ul class="buttons">
    <li><a class="button" href="#">Link1</a></li>
    <li><a class="button" href="#">Link2</a></li>
    <li><a class="button" href="#">Link3</a></li>
    <li><a class="button" href="#">Link4</a></li>
  </ul>

有人可以告诉我为什么我的代码不工作以及如何解决它？谢谢 :)

我有一个菜单:

  <ul class="menu-bottom">
  <li id="m1" class="active"><a id="1" href="#"><span>Link 1</span></a></li>
   <li id="m2"><a id="2" href="#"><span>Link 2</span></a></li>
   <li id="m3"><a id="3" href="#"><span>Link 3</span></a></li>
</ul>

我希望这取决于浏览器的滚动条位置,"active"类是正确的<li>元素.

这就是我的看法:

     if ($(document).height() == 500) {
$('#m1').parent().addClass('active').
siblings().removeClass('active');
}

     if ($(document).height() == 1000) {
$('#m2').parent().addClass('active').
siblings().removeClass('active');
}

     if ($(document).height() == 1500) {
$('#m2').parent().addClass('active').
siblings().removeClass('active');
} 

我对jQuery Dimensions属性不太熟悉,所以这段代码没有多大意义,但我希望你能理解.

如果有人能告诉我如何使这项工作,那将是非常酷的.

谢谢 :)