文章/答案/技术大牛

发布

问未触发jquery单击函数
EN

Stack Overflow用户

提问于 2014-06-03 13:52:30

回答 3查看 63关注 0票数 0

我有一个jquery，它需要在单击事件时触发。当我像w3schoools一样在网站上尝试jquery时，它就会触发。但在我的申请中，它没有开火。下面是我的剧本。

<script>
    $(document).ready(function(){
        $(".vouch").click(function(){
            alert("000");
        });
    });
</script>
</head>
<body>
    <li class="vouch">
        <a href=""><span>tooo</span></a>
    </li>

当我将类.vouch更改为不同的类时，它会触发。好像有什么东西阻碍了代码的工作。任何援助都是非常感谢的。

jquery

html

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-06-03 14:04:34

在你的代码中，click事件在document.ready发生时被附加到.vouch元素，但随后被“卡住”到该元素上。即使您更改了类，事件处理程序仍然绑定到li元素本身。

要想做你想做的事，请使用事件委托。这将将click事件委托给document，但在执行代码之前，检查单击元素在单击时是否具有vouch类。

 $(document).ready(function () {
     $(document).on('click', '.vouch', function () {
         alert("000");
     });
 });

http://jsfiddle.net/mblase75/H88PU/

票数 1

Stack Overflow用户

发布于 2014-06-03 13:56:21

将此添加到您的<head>中

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

它应该能起作用

票数 0

Stack Overflow用户

发布于 2014-06-03 13:56:25

您必须在您的jQuery中包括head：它是一个外部库。

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

你的代码很好用。

无论什么东西在JS中不起作用，检查浏览器控制台中的错误是个好主意。

在这种情况下，您可能会看到类似于$ is not defined的东西，这通常意味着您没有包含jQuery，或者在加载jQuery之前尝试执行JS。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24016999

复制

相似问题

问未触发jquery单击函数
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未触发jquery单击函数EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未触发jquery单击函数
EN