jQuery选择器没有选择

Question

我无法解决此事件：

  $("#about").click(function()
  {  //I have put alert("foo") here, won't fire
    $("#about_stuff").toggle();
  });

剪断

   <li ><a href="#a" id="about">About</a>

我已经在Firebug中测试了切换线并且它成功运行了 - 我在我的智慧结束时，我已经针对多个示例进行了检查，并且它一直拒绝工作。

Answer 1

从您的代码：
首先，您有document.ready

$(document).ready(
  function()
  { // <-- start ready
  $("code").hide();
  }); // <-- end ready

现在，以下代码不在document.ready中，并且在链接加载之前编写。这就是当代码运行时选择器为空的原因：

  $("#about").click(
  function()
  {  
  $("#about_stuff").toggle();
    return false;
  });

Answer 2

你偶然有另一个分配了id="about"的元素吗？如果是这样，浏览器可能只选择第一个。尝试一些基本的诊断：

alert($('#about').length);
alert($('#about').eq(0).attr('href'));

如果仍然没有快乐，你有开发站点的链接，还是私有？

Answer 3

$("#about").click(function(e){  
    e.preventDefault(); // to prevent default event
    $("#about_stuff").toggle();
});