Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用不同的代码块多次调用jQuery事件以执行

使用不同的代码块多次调用jQuery事件以执行
EN

Stack Overflow用户
提问于 2012-06-04 12:37:46
回答 2查看 235关注 0票数 0

这是一种特殊的情况。我有一个锚标签,点击这个锚标签,jquery插件中的一个函数就会执行。但在某些页面上,我想在单击锚标签时执行另一个javascript函数。这意味着,我的jQuery插件有一个为锚标签定义的默认点击事件,我将在我的页面上为同一个锚标签实现另一个点击事件,该事件调用不同的函数。到目前为止,只有一个单击事件正在触发,以替换另一个事件。我想出了一个解决方案,使用click()处理插件,使用mouseUp()调用某些页面上的函数。

但基本上,我想了解的是,有没有一种方法可以将逻辑组合到jquery中,即使在不同的位置,并期望它执行所有这些逻辑?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-06-04 14:07:58

您可以使用jQuery Namespaced Events

票数 0
EN

Stack Overflow用户

发布于 2012-06-04 12:54:42

有几种方法可以做到这一点,但一般来说,我建议您将锚点包装在具有某种id或类的父元素中。然后用它来决定调用什么。例如:

JS:

代码语言:javascript
运行
AI代码解释
复制
function doThis(event) {

}

function doThat(event) {
  doThis(event);
  // more code for doThat...
}

$('.home #nav a').click(doThis);

$('.content #nav a').click(doThat);

主页的HTML:

代码语言:javascript
运行
AI代码解释
复制
<body class="home"><div id="nav"><a href="#">nav 1</a><a href="#">nav 2</a></div></body>

其他页面的HTML:

代码语言:javascript
运行
AI代码解释
复制
<body class="content"><div id="nav"><a href="#">nav 1</a><a href="#">nav 2</a></div></body>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10881403

复制
相关文章
jquery on绑定click事件执行多次
用$(document).on('click','#XX',function(){...})为元素添加点击事件 结果导致事件会执行多次 。 出现这种情况是因为每点击一下document就会绑定一遍事件,click事件进行了累加绑定,每调用一次,便增加一次绑定,所以导致触发多次事件。
似水的流年
2020/09/11
4.4K0
[踩坑记]jquery点击事件多次执行解决方法
上一篇文章介绍中使用a的弹窗方式测试孔href属性,但是最近在一个项目中发现click事件执行后会多次触发.应该是点击事件进行叠加了,jquery的unbind()可以解决此问题.
十月梦想
2018/08/29
1.9K0
回车监听事件执行多次
 我原本想监听输入框的焦点事件,在焦点放在输入框上的时候才监听回车事件,代码如下: $("input").focus(function() { $("input").keypress(functio
NateHuang
2018/03/14
2.1K0
java多次调用,最后一次调用后才执行
前段时间写了java防抖,不过之前写的都是在一定时间内只执行一次,超过这个时间,防抖又失效了,假设我现在有这样一个需求:
阿超
2022/08/16
1.5K0
java多次调用,最后一次调用后才执行
jquery 使用 unbind 解决重复绑定执行事件
在jquery监听click事件的时候会出现点击一次没有重复,点击第二次就重复的情况。出现这个问题的原因是之前的click事件被绑定后,并没有解绑。
Devops海洋的渔夫
2019/08/02
1.6K0
jQuery实现不同效果代码
必需的 params 参数定义形成动画的 CSS 属性。 可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。 可选的 callback 参数是动画完成后所执行的函数名称。 如需对位置进行操作,要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute!
用户7718188
2021/10/07
2.6K0
Java 静态代码块,构造代码块,构造函数执行顺序
特点:类的加载而执行,只执行一次,并优先于主函数。具体说,静态代码块是由类调用的。类调用时,先执行静态代码块,然后才执行主函数的,总的来说,静态代码块是和类一起的,优先级最高,类加载的同时,静态代码块同时也执行,但只执行一次,所以作用一般是用来加载一些配置代码,或者加载某些文件配置。
用户7353950
2022/05/10
8280
Java 静态代码块,构造代码块,构造函数执行顺序
Java代码块执行顺序初探
Java继承中对构造函数是不继承的,只是显式或者隐式调用,并且必须是在构造函数第一行。这里是隐式调用了super()。
WindCoder
2018/09/19
2.7K0
jQuery页面加载完毕后执行事件
window.onload 表示的是页面被加载完毕。 <img src=”htttp://baidu.com/156.jpg”/> onload必须等等页面中的图片、声音、图像等远程资源被加载完毕后才调用而jQuery中只需要页面结构被加载完毕。
葆宁
2019/04/19
21.3K1
on方法多次绑定会多次执行的解决方法
当重复使用on方法为一个元素绑定事件时,这个事件不会覆盖而是会叠加; 例如 for(var i=0;i<5;i++) $('#test').on('click',function(){ console.log(1); }) 这样的话,只要点击test元素,将会在控制台生成5个1 解决方法为遇到这种情况需要在每次绑定事件之前,对该事件解绑,也就是 $(“#test”).off(“click”); ,off方法解绑。
仙士可
2019/12/18
1.1K0
Java中静态代码块、代码块以及构造函数执行顺序详解
前段时间面试,做到一个笔试题主要考察的是静态代码块,代码块,构造方法的执行顺序,由于自己没复习所以这个题肯定没做出来,回家后在Idea中进行代码测试运行。
大猫的Java笔记
2020/09/30
1.5K0
static静态代码块加载和执行
静态代码块,非静态代码块,无参构造,有参构造,这些代码片段分别在什么时候加载执行?
IT云清
2019/01/22
5920
静态代码块、非静态代码块、构造函数三者执行顺序
主要探讨一下关于静态代码块,非静态代码块,构造函数的执行顺序。 如有错误,欢迎指出。
HaC
2020/12/30
5180
Java 的 finally 代码块的代码一定会执行吗?
对于很多初学者而言,会想当然地认为 “finally 代码块一定会被执行”,因此我们可以看下面这个案例:
终码一生
2022/04/14
4610
Java 的 finally 代码块的代码一定会执行吗?
对于很多初学者而言,会想当然地认为 “finally 代码块一定会被执行”,因此我们可以看下面这个案例:
明明如月学长
2021/08/31
4360
静态代码块/实例代码块/不带参数的构造方法/带参数的构造方法 执行顺序
得到的结果为:(先执行静态代码块,再执行实例代码块,再调用有参数的构造方法,最后执行默认的构造方法)
小雨的分享社区
2022/10/26
1.2K0
静态代码块/实例代码块/不带参数的构造方法/带参数的构造方法  执行顺序
Java静态代码块执行方法和顺序
执行代码块格式: static{ procudure... } 特点: 随着类的加载而执行,且只执行一次,并优先于主函数。用于给类初始化。 执行顺序: 示例: 静态代码块随着类的加载而加载 有多个静态代码块的,按代码块前后顺序加载 一个代码块,只执行一次 class StaticCode1{ static{ System.out.println("x"); } } public class StaticDemo1{ static{
休辞醉倒
2019/07/25
1.6K0
使用AmplifyJS和JQuery编写更好更优雅的javascript事件处理代码
事件(或消息)是一种经常使用的软件设计模式。可以减少消息处理者和消息公布者的之间的耦合,比方J2EE里面的JMS规范。设计模式中的观察者模式(也叫公布/订阅模式)。这对于javascript代码相同适用。之前写的JQuery相关博客中。具体介绍了JQuery的事件处理机制和特性,具体可以參考这个文件夹下的文章。
全栈程序员站长
2022/07/10
7000
点击加载更多

相似问题

jQuery事件以意外顺序执行代码

22

Jquery事件被多次调用

21

代码正在每个事件执行多次:多次下载。

12

Jenkins重试代码块不会多次执行

20

防止jQuery代码多次执行

33
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档