文章/答案/技术大牛

发布

问未触发jquery单击函数
EN

Stack Overflow用户

提问于 2014-06-03 05: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 06: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 05: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 05: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 双击事件（dblclick）时，不触发单击事件(click)

jquery

在jQuery的事件绑定中，执行双击事件(dblclick)时能触发两次单击事件(click)。即一个标签元素（如div等），如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时，不会触发双击事件(dblclick)，执行双击事件(dblclick)时却会触发两次单击事件(click)。先看一下点击事件的执行顺序：

飞奔去旅行

2019/06/13

5.4K0

jQuery实现单击页面产生随机字符效果

web.py

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

浩Coding

2019/07/02

2.7K0

JavaScript 技巧篇-js增加延迟时间解决单击双击事件冲突，双击事件触发单击事件

click settimeout store 事件原理

js 的单双击事件同时存在会有一个问题：双击事件会同时触发单击事件，两个事件存在冲突。我们加一个延迟时间就能很好的解决这个问题。

小蓝枣

2020/09/23

6.1K0

第77天：jQuery事件绑定触发

jquery

返回值不同，.height()方法返回的是数字类型(20)，.css(“height”)返回的是字符串类型(20px)，因此.height()方法常用在参与数学计算的时候

半指温柔乐

2018/09/11

1.3K0

Jquery 触发器之treigger()方法简介

jquery

trigger是个很神奇的东西,它可以模拟简单的用户输入操作。并触发点击click, mouseover, keydown 等事件. 具体使用方法如下: $("button").click(function(){ $("button2").trigger("click"); }); 当点击button时,触发button2的click事件；当看到这句代码的时候有人会说,干嘛用这种方法;一句$("button2").click()，不就搞定了！这样写反而增加了代码量；下面我们来说明一下,trigger

郑小超.

2018/01/24

9040

jQuery自动触发事件与bootstrap/jQuery插件用法

jquery javascript

有些事件希望自动触发,比如轮播图自动播放功能跟点击右侧按钮一致。可以利用定时器自动触发右侧按钮点击事件，不必鼠标点击触发。

小城故事

2023/03/08

6.6K0

jquery实现点击某元素之外触发事件

jquery

山河木马

2019/03/05

2.8K0

checkbox选中触发事件_jquery select change事件

asp 网站 android https java

<asp:DataGrid id=”DataGrid1″ runat=”server” AutoGenerateColumns=”False”> <Columns> <asp:BoundColumn DataField=”txtId”></asp:BoundColumn> <asp:BoundColumn DataField=”txtName”></asp:BoundColumn> <asp:TemplateColumn> <ItemTemplate> <asp:ImageButton id=”btnItem” runat=”server” CommandName=”LookDetail”></asp:ImageButton> <asp:DropDownList id=”ddl” runat=”server” AutoPostBack=”True”> <asp:ListItem Value=”asdf”>asdf</asp:ListItem> <asp:ListItem Value=”asdfasdf”>asdfasdf</asp:ListItem> <asp:ListItem Value=”wrwwewewee”>wrwwewewee</asp:ListItem> </asp:DropDownList> </ItemTemplate> </asp:TemplateColumn> </Columns> </asp:DataGrid>

全栈程序员站长

2022/10/01

4.3K0

jQuery遍历函数

jquery java https 网络安全

.closest()：从元素本身開始，逐级向上级元素匹配。并返回最先匹配的祖先元素。

全栈程序员站长

2022/07/07

1.1K0

函数与触发器

编程算法数据分析 java ascii

在mysql里支持很多的函数，函数就如java的方法一般，都会有一个返回值，函数帮助我们完成sql语句无法做到的事情，而且数据库是可以进行数据库编程的，所以也会有流程控制语句，不过一般来讲程序员不需要使用到那么复杂的函数组合和流程控制语句。那些都是DBA数据库管理员需要干的事情，程序员只需要了解掌握一些必须和经常使用的函数和控制语句即可。

端碗吹水

2022/01/12

8960

UITextView 手势触发 TouchesBegan 函数

textview android https 网站网络安全

前几天做了个手势可以改变文章字体大小的功能。开始，在当前view中添加一个UITextView ,然后添加- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event函数，可怎么也触发不了，在网上找了些资料，说得也不是很清楚，今天把它总结下。

全栈程序员站长

2022/09/16

1.3K0

jquery定时执行函数_jquery自动提交

https java 网络安全

全栈程序员站长

2022/10/01

2.3K0

jQuery学习---入口函数

jquery javascript

· window.onload函数必须等待网页全部加载完毕(包括图片等),然后再执行里面的代码。

syy

2020/05/14

1.5K0

jQuery的animate函数

jquery

jQuery提供了一个animate函数，可以通过改变CSS属性来实现一些动画效果。

大江小浪

2018/07/25

1.7K0

jQuery函数的使用

jquery

上述代码将从Google的CDN中加载jQuery库。确保将其放在<head>标签或页面内容的顶部。

堕落飞鸟

2023/05/18

1.5K0

jQuery原理（入口函数）

jquery 编程算法

var likeArr = { 0: "lnj", 1: "33", 2: "male", length: 3 };

Dreamy.TZK

2020/06/23

5.2K0

Android Button 单击事件

其他

方法一：在XML文件中指定单击事件函数 <Button android:id="@+id/button1" android:layout_width="120dip" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_below="@+id/textView1

磊哥

2018/05/08

1.7K0

Jquery源码分析：初始化Jquery函数

编程算法 jquery

今天我们来分析一下jquery的源码，从关于初始化jquery这个函数开始。版本：3.4.1

小明爱学习

2020/01/21

1.1K0

JQuery实现触发、失去焦点操作并执行ajax操作

事件

失去焦点事件： $("#login_username").blur() 例子全文： // 失去焦点 $("#login_username").blur(function() { var login_username = $("#login_username").val(); //ajax $.ajax({ url : rootUrl + "/user/vtloginname", data : { loginname : login_username }, success : function(resul

浩Coding

2019/07/03

2.9K0

Jquery源码分析：初始化Jquery函数

编程算法 jquery

今天我们来分析一下jquery的源码，从关于初始化jquery这个函数开始。版本：3.4.1

小明爱学习

2020/07/08

1.4K0

相似问题

jQuery on(“单击”)未触发

jQuery单击未触发

jQuery单击事件未触发

jquery单击事件未触发

JQuery单击事件未触发

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问未触发jquery单击函数
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

jQuery on(“单击”)未触发

jQuery单击未触发

jQuery单击事件未触发

jquery单击事件未触发

JQuery单击事件未触发

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未触发jquery单击函数EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

jQuery on(“单击”)未触发

jQuery单击未触发

jQuery单击事件未触发

jquery单击事件未触发

JQuery单击事件未触发

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未触发jquery单击函数
EN