Javascript jQuery没有引用

我有一个链接。我需要为单击时的元素编写一个单击函数。 所以我写了这样的代码

<div class="tabCon">
  <ul>
    <li><a href="javascript:void(0);" id="Overview">Overview</a></li>
    <li><a href="javascript:void(0);" id="ProjDet">Project Details</a></li>
    <li><a href="javascript:void(0);" id="Directions">Directions</a></li>                                         
  </ul>
<div>

但是，当我在标题部分声明此JavaScript文件的引用时，将不起作用

当我在元素下方声明或在body标记的关闭之前声明时，此有效

---

为什么会发生这种情况？还有其他方法吗？

当解析器位于头部时，元素在DOM中不存在，但当它（javascript解析器）到达结束体标记时，它确实存在。这就是为什么。

确保在document.ready事件中有jQuery调用

基本上，如果您是在HEAD块中编写jQuery，那么将整个过程封装在

$(function() {

//jquery code goes here

});

---

确保在document.ready处理程序中执行jQuery代码（如果将其放在head部分），否则当您尝试将单击处理程序附加到某个元素时，DOM可能尚未加载并准备好进行操作：

$(function() {
    $('.tabCon > ul > li > a').click(function() { 
       alert('Link Clicked !');
    });
});

---

因为如果您将它添加到头部，元素还没有在DOM中创建，因此您无法通过JavaScript将其作为对象访问

$(document).ready(function () {
  $('.tabCon > ul > li > a').click(function() { 
   alert('Link Clicked !');
  });
});

---

试试上面的

您是否已将此函数放入$（“…”）。单击（…）；在$（function（）{…}块中，因此在加载页面时它是活动的。如果不是，这是正常的，这将不起作用。。尝试将函数放在$（function（）{…}块中，它将起作用

---

Pad.

您调试过这个脚本吗？有错误消息吗？我们可以看看您的头部声明吗？

$(document).ready(function () {
  $('.tabCon > ul > li > a').click(function() { 
   alert('Link Clicked !');
  });
});