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不存在，因此没有要绑定的元素。将脚本移到文档的后面部分或了解ready()。

Answer 2

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

您可以下载jQuery here并将其放在该文件夹中，但在您习惯使用cdn时可能会更容易，这意味着您使用的是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

您还没有包含jQuery库，如果是，请仔细检查路径。
脚本在jQuery完全加载之前运行，使用$( document ).ready()

功能就像下面，或将脚本放在页脚中。

$( document ).ready() Reference

<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>

您可以查看Demo

jQuery函数不起作用

4 个答案: