Question

我有一个jquery函数，它对列表项的click事件起作用：

<ul id="HowDoICategory"  class=" notranslate">
    <li class="HowDoIItem" id="item1">
     Register with the surgery
    </li>
    <li class="HowDoIItem" id="item2">
     Order a prescription</li>
    <li class="HowDoIItem" id="item3">
     Book an appointment</li>
    <li class="HowDoIItem" id="item4">
     Request a home visit</li>
    <li class="HowDoIItem" id="item5">
     Change my contact details</li>
    <li class="HowDoIItem" id="item6">
     Speak to a doctor/nurse</li>
    <li class="HowDoIItem" id="item7">
     Get my test results</li> 
</ul> 
<script type="text/javascript">
$("li.HowDoIItem").click(function(){
  //do something
});
</script>

当脚本位于页面底部时，此方法有效。但是我想将它移动到页面顶部的单独文件和引用中，但这会使click事件停止工作。

我试图将javascript放在文档就绪函数中，因此它变为：

<script type="text/javascript">
$(document).ready(function(){ 
  $("li.HowDoIItem").click(function(){
    //do something
  });
});
</script>

但这也不起作用。

有人可以解释这里发生了什么吗？感谢。

Answer 1

我唯一的猜测就是你将它移到了最顶层，并且在 jQuery包含在页面之前，你为$处理程序引用了document.ready。确保在页面中 jQuery之后始终拥有依赖于jQuery（外部文件或不包含）的代码。

jquery函数停止在页面顶部工作

1 个答案: