开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

JQuery .on("click"，functionName)未运行

JQuery是一个流行的JavaScript库，提供了简化HTML文档遍历、事件处理、动画效果等功能。其中，.on("click", functionName)是JQuery中用于绑定点击事件的方法。

当.on("click", functionName)未运行时，可能存在以下几种可能的原因和解决方法：

代码错误：请检查代码中是否存在语法错误或拼写错误。确保函数名正确且已定义。可以使用浏览器的开发者工具（如Chrome的开发者工具）来查看控制台是否有错误提示信息。
JQuery库未加载：确保在使用.on("click", functionName)之前，已经正确加载了JQuery库。可以通过在HTML文档中引入JQuery库的CDN链接或本地文件来加载。
DOM元素未加载完成：如果.on("click", functionName)在DOM元素加载之前执行，可能无法正确绑定点击事件。可以将代码放在页面加载完成的事件处理函数中，如$(document).ready(function(){})或$(function(){})。
事件绑定位置错误：请确保.on("click", functionName)方法被正确调用并绑定到目标元素上。可以通过选择器选择目标元素，并确保选择器的正确性。
事件委托问题：如果目标元素是动态生成的或嵌套在其他元素中，可能需要使用事件委托的方式来绑定点击事件。可以使用.on()方法的委托语法，如$(document).on("click", "selector", functionName)。

总结起来，当.on("click", functionName)未运行时，需要检查代码错误、JQuery库加载、DOM元素加载、事件绑定位置和事件委托等方面的问题。根据具体情况进行排查和修复。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
移动应用开发平台（MADP）：https://cloud.tencent.com/product/madp
云存储（COS）：https://cloud.tencent.com/product/cos
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

jquery 绑定click事件

绑定click事件给元素绑定click事件，可以用如下方法： $('#btn1').click(function(){ // 内部的this指的是原生对象 // 使用jquery...DOCTYPE html> $(function(){ $('.btns input').click...选项卡一的内容选项卡二的内容选项卡三的内容这个click

4.4K5 0

jQuery点击click()事件

切换 $(document).ready(function(){ $("button").click

9.9K2 0

jquery on绑定click事件执行多次

用$(document).on('click','#XX',function(){...})为元素添加点击事件结果导致事件会执行多次。...出现这种情况是因为每点击一下document就会绑定一遍事件，click事件进行了累加绑定，每调用一次，便增加一次绑定，所以导致触发多次事件。...$('#XX').off('click').click(function () { ... }); 或者 $('#XX').unbind('click').click(function () {

4.2K1 0

jQuery源码解析之click()的事件绑定

1）阶段一：Capturing 事件捕获（从祖到目标）在事件自上（document->html->body->xxx）而下到达目标节点的过程中，浏览器会检测针对该事件的监听器（用来捕获事件），并运行捕获事件的监听器...（2）阶段二：Target 目标浏览器找到监听器后，就运行该监听器（3）阶段三：Bubbling 冒泡（目标到祖）在事件自下而上（document->html->body->xxx）到达目标节点的过程中...，浏览器会检测不是针对该事件的监听器（用来捕获事件），并运行非捕获事件的监听器。...二、$().click() 作用：为目标元素绑定点击事件源码： //这种写法还第一次见，将所有鼠标事件写成字符串再换成数组 //再一一绑定到DOM节点上去 //源码10969行 jQuery.each...: click/mouseout return typeof jQuery !

1.7K2 0

jquery选择器$(this).find(input:not(.cancel), button).click(function (){});

$(this).find('input[type="submit"]:not(.cancel), button').click(function (){}); Basically it is looking...type = submit does not have a class of cancel OR is a button $(this) // within this jQuery...class "cancel" , // or button // are button elements ') .click...( // and for each of these, to their click event function (){} // bind this

1.4K3 0

jQuery 双击事件（dblclick）时，不触发单击事件(click)

出处：jQuery 双击事件（dblclick）时，不触发单击事件(click) 在jQuery的事件绑定中，执行双击事件(dblclick)时能触发两次单击事件(click)。...先看一下点击事件的执行顺序：单击(click)：mousedown，mouseout，click；双击(dblclick)：mousedown，mouseout，click ， mousedown，...mouseout，click，dblclick；在双击事件(dblclick)，触发的两次单击事件(click)中，第一次的单击事件(click)会被屏蔽掉，但第二次不会。...//定义setTimeout执行方法 var TimeFn = null; $('div').click(function () { // 取消上次延时未执行的方法 clearTimeout...{ //do function在此处写单击事件要执行的代码 },300); }); $('div').dblclick(functin () { // 取消上次延时未执行的方法

5.1K3 0

$(document).click() 在苹果手机上不能正常运行解决方案

本来是如下一段跳转代码，发现在安卓和微信开发者工具上都能正常运行，但是苹果手机就不行了。...$(document).on('click', '.url', function(){ location.href = $(this).attr('data-url'); return...false; }); 经过查找资料发现，苹果的需要在click后面加上touchstart $(document).on('click touchstart', '.url', function(){...location.href = $(this).attr('data-url'); return false; }); 测试可以正常运行了备注后来经过研究发现，如果把目标节点样式...cursor设为pointer后就可以使用click了，应该是苹果认为只有pointer的才算是点击，大家有兴趣可以看下。

3043 0

【JS】JSJQ iframe与父级之间相互通讯

JS在iframe中获取父窗口的元素 window.parent.document.getElementById("id").innerText = "string"; jquery在父窗口中获取iframe...中的元素 //调用子frame中的元素； $("#iframeMain").contents().find("#id").click(); //调用子frame中的方法； $("#iframeMain...")[0].contentWindow.FunctionName(); jquery在iframe中获取父窗口的元素 window.parent.document.querySelector("#id"

3.3K2 0

Pytest（17）运行未提交的git(pytest-picked)

前言我们每天写完自动化用例后都会提交到 git 仓库，随着用例的增多，为了保证仓库代码的干净，当有用例新增的时候，我们希望只运行新增的未提交 git 仓库的用例。...pytest-picked 插件可以实现只运行未提交到git仓库的代码。...，然后运行所有未修改的测试 –mode=PICKED_MODE –mode 有2个参数可选 unstaged, branch, 默认是–mode=unstaged git 文件的2个状态 untrack...没加到git里面的新文件 unstaged staged：暂存状态, unstage就是未暂存状态，也就是没git add 过的文件先弄清楚什么是 untrack 状态，当我们 pycharm 打开...，但尚未提交的文件（不包含 Untracked files）运行 pytest --picked --mode=branch, 运行分支上已经被暂存但尚未提交的代码 (pytest_env) ➜

7173 0

jQuery事件--jQuery基础知识点(2)

ligang.blog.csdn.net/article/details/41456897 事件在触发后分为两个阶段，一个是捕获（Capture），另一个则是冒泡（Bubbling）但遗憾的是，大多数浏览器并不支持捕获阶段，jQuery...在jQuery脚本加载到页面时，会设置一个isReady的标记，用于监听页面加载的进度。...可以使元素在鼠标悬停与鼠标移除的事件中进行切换，可使用jQuery中的mouseenter与mouseleave进行替换。...6. unbind()方法移除元素绑定事件 $("a").unbind(); //移除a标签上全部事件 $("a").unbind("click",functionName);

6912 1

jquery循环获取所有复选框，包括选中的，未选中的「建议收藏」

这样下面才能遍历此处加个按钮吧，点击出发按钮获取页面所有的复选框 jquery 代码： function aa(){ var checkedNum

2.9K4 0

使用断点调试代码「建议收藏」

简单地说，断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。...对于一些被封装好了的 xhr 请求例如 JQuery 的 ajax 方法，浏览器无法定位到被调用的地方。...支持单独的事件例如 click ，也支持一整个类别的事件，例如所有的鼠标事件。...操作： f12 -> Source Tab -> 点击 Pause on exceptions 暂停图标 -> 图标变成蓝色，表明启用了在未捕获到的异常出现的时候断点的功能。...操作：在代码里插入 debug(functionName) 或者在浏览器控制台调用。

1.2K2 0

jQuery 基本语法

例子：未执行jQuery前： ?...$(obj) 说明：复制一个jQuery对象，参数：obj (jQuery): 要复制的jQuery对象例子：未执行jQuery前：参数：obj (jQuery): 要复制的jQuery对象例子...：get (Number): 期望限制的索引，从0 开始例子：未执行jQuery前： This is just a test....例子：未执行jQuery前 jQuery jQuery代码及功能...click事件。

3.8K4 0

四、实现跨域访问

,function(){ console.log(data); }) 调用的函数名jQuery会自动生成。 Document $.getJSON('http://127.0.0.1:3000...res.setHeader("Content-Type", "text/plain"); var urlObj = require("url").parse(req.url); var functionName...= urlObj.query.split("&")[0].split("=")[1]; console.log(functionName); res.end(`${functionName}(

1.5K2 0

pytest文档59-运行未提交git的用例(pytest-picked)

前言我们每天写完自动化用例后都会提交到 git 仓库，随着用例的增多，为了保证仓库代码的干净，当有用例新增的时候，我们希望只运行新增的未提交 git 仓库的用例。...pytest-picked 插件可以实现只运行未提交到git仓库的代码。...======= 4 passed in 0.20s ================================================== 所有测试都将从已修改但尚未提交的文件和文件夹中运行...—picked=first 首先运行修改后的测试文件中的测试，然后运行所有未修改的测试 >pytest --picked=first ==================================...unstaged, branch, 默认是--mode=unstaged git 文件的2个状态 untrack 没加到git里面的新文件 unstaged staged：暂存状态, unstage就是未暂存状态

7741 0

通过JSONP实现跨域访问

/1.10.0/jquery.min.js"> console.log($); 例如如上代码，通过bootcdn的连接还是可以引用到jQuery。...,function(){ console.log(data); }) 调用的函数名jQuery会自动生成。 <!...res.setHeader("Content-Type", "text/plain"); var urlObj = require("url").parse(req.url); var functionName...= urlObj.query.split("&")[0].split("=")[1]; console.log(functionName); res.end(`${functionName}(

1.7K3 0

hadoop集群运行jps命令以后Datanode节点未启动的解决办法

-- 指定hadoop运行时产生文件的存储目录 --> hadoop.tmp.dir /home/hadoop/hadoop

3.1K6 0

python测试开发django-167. jQuery中append() 动态新增的元素 click 事件无效的解决办法

前言使用append新增的div元素，绑定click事件无效的几种解决办法遇到问题绑定select下拉框click事件 // 绑定select下拉框click事件...$('[name="bank"]').on('click', function(){ console.log('select click event!')...使用live live()函数会给被选的元素绑定上一个或者多个事件处理程序，并且规定当这些事件发生时运行的函数。通过live()函数适用于匹配选择器的当前及未来的元素。...('select click event!')...}) 看到网上很多都是用的live方法，但是会报错：TypeError: $(…).live is not a function 主要原因是jquery中的live()方法在jquery1.9

8432 0

在 Chrome DevTools 中调试 JavaScript

因此，我们可能需要在 click 侦听器运行的时候暂停代码。...勾选 click 复选框。 DevTools 现在可以在任何 click 事件侦听器运行时自动暂停。点击页面中的num1+num2按钮。此时页面如下图： ?...等事件后运行的代码中异常在引发已捕获或未捕获异常的代码行中函数任何时候调用特定函数时 1....事件侦听器断点如果想要暂停触发事件后运行的事件侦听器代码，可以使用事件侦听器断点。您可以选择 click 等特定事件或所有鼠标事件等事件类别。...函数断点如果想要在调用特定函数时暂停，可以调用 debug(functionName)，其中 functionName 是要调试的函数。

4.8K2 0

jquery的事件&动画

一、事件在1.7之前的版本中jQuery处理事件有多个方法， (google 搜索: jquery live bind degelate)作用各不相同，后来统一的使用on/off方法 1、.on( events...: 'toggle' }, 5000, function() { // Animation complete. }); }); 2、.clearQueue 清除动画队列中未执行的动画 3、.finish...停止当前动画，并清除动画队列中所有未完成的动画,最终展示动画队列最后一帧的最终状态 4、.stop( [clearQueue ] [, jumpToEnd ] ) 停止当前正在运行的动画 clearQueue...(default: false) jumpToEnd(default: false) 跑到当前执行动画的最后一帧的最终状态 .stop( true , true )//停止当前动画，并清除未执行的动画队列...，并且展现当前执行动画的最后一帧的最终状态 .stop(false,false) //默认，停止当前动画，继续以下的动画 .stop(true,false) //停止当前动画，并清除未执行的动画队列 5

1.7K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭