jQuery函数不起作用

Question

为什么这在我的网站上不起作用？ 它从stackoverflow的代码段功能

完全一样！

<script>
$("#swipe-product").click(function(){
         alert("HELLO");
});
</script>

<div class="text-center" id="swipe-product">
  <img src='http://www.borduurfamke.nl/Embirdtips/Embirdlessen/Studio%20les%20Plaatje.jpg' alt='plaatje'>
</div>

Answer 1

最可能的原因：

• 您尚未包括jQuery库
• 您已将script元素放置在div元素之前，以便在运行div元素时不存在div，因此没有要绑定的元素。 将脚本移到文档的后面，或了解ready() 。

Answer 2

您需要jQuery的本地副本或指向它的CDN版本的链接。 您当前包含的链接是项目中的相对路径，因此它正在js文件夹中寻找jQuery的副本。

您可以在此处下载jQuery并将其放置在该文件夹中，但是当您习惯使用cdn时可能会更容易，这意味着您将使用由Google之类的人托管的jQuery副本。 它并不总是最快或最稳定的方法，但绝对是最简单的方法。

更换

<script src="/js/jquery-1.11.2.min.js"></script>

同

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

Answer 3

1. 您尚未包括jQuery库，如果是，请仔细检查路径。

2. 脚本在jQuery完全加载之前运行，请使用$( document ).ready()

   如下所示，或者将脚本放在页脚中。

$（document）.ready（）参考

<script>
$(document).ready(function(){
   $("#swipe-product").click(function(){
           alert("HELLO");
   });
})
</script>

Answer 4

它为我工作。 您需要添加参考

<script src="http://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>

您可以查看演示