- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
这是我第一次使用 jquery,我不明白以下“副作用”:
脚本.js:
$(function() {
$("button").each(function() {
$t=$(this);
$t.on("click", function() {
console.log("Id: " + $t.attr('id'));
});
});
});
HTML:
...
<body>
<button id="de">de</button>
<button id="en">en</button>
</body>
当我单击“de”按钮然后单击“en”按钮时,日志会给我:
en
en
好像是第二次调用覆盖监听函数的效果吧?我该如何避免这种情况?
最佳答案
更新后
在您更新的问题中,$t
是一个global 变量。在 JavaScript 中(通常)你声明的所有没有预先放置 var
的东西都是绑定(bind)到 window(在浏览器中)的全局变量。
您可以通过将 $t = ...
更改为 var $t = ...
来修复您的代码,这将声明 $t
在处理程序中
jQuery 允许您将点击处理程序附加到多个按钮,而无需使用 .each
遍历它们。
您的代码应该可以工作,但如果您以可能更改 this
的方式调用处理程序,则可能会出现问题(请注意,您可以关闭 this
(或使用绑定(bind))在代码中的 .each
中以确保您获得相同的 this
,您也可以尝试记录 $(this)。 attr('id')
在每个)
尝试:
$(function(){
$("button").click(function() {
console.log("Id: " + $(this).attr('id'));
});
});
(Your original code works too by the way (fiddle))
在处理程序中,jQuery 返回实际的 dom 元素,您将其包装在 $()
中以再次创建 jQuery 对象。您不需要构造一个 jQuery 对象来获取 ID,$(this).attr('id')
可以替换为 this.id
。
关于javascript - 通过 each() 添加的 jQuery 事件处理程序似乎覆盖了早期的事件处理程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16435512/
我正在为从 API 级别 8 到 14 的 android 开发一个应用程序。我正在尝试在早期版本中获得与 android 4(请参阅联系人应用程序)相同的快速滚动行为(右侧固定的时尚滚动条)边)。有
早期(编译期)优化 jvm的编译器可以分为三个编译器: 前端编译器:把*.java转变为*.class的过程。如sun的javac、eclipse jdt中的增量式编译器(ecj)
苹果终于推出了所谓的auto-renewable subscriptions昨天。由于我在应用内购买方面的经验很少(仅限沙盒),所以我不确定我在这里是否一切顺利。似乎需要对收据进行服务器端验证。找出订
已结束。此问题不符合 Stack Overflow guidelines .它目前不接受答案。 要求代码的问题必须表明对正在解决的问题的最低理解。包括尝试的解决方案、它们为什么不起作用以及预期结果。另
在 Wagner 的“Effective C#”第 23 项中,他解释说 interface methods are not virtual...they are a declaration of a
我最近遵循了本指南 Installing a Git Server using Apache (WebDAV) on Ubuntu Server 12.04使用 Apache (WebDAV) 设置本
这是我之前的问题 jQuery UI hiding not taking effect for early DOM elements 的后续问题。我几乎刚刚编辑了那个,但不想使 the accepte
我正在尝试替换 ZonedDateTime.toInstant方法,因为它仅从 API 26 for Android 开始可用。 但我的应用程序应该支持 API 19。 我想将 ZonedDateTi
我的电脑正确配置了 SSH,我在尝试克隆存储库时遇到了这个错误: 我运行这个命令来克隆存储库 git clone ssh://git-codecommit.us-west-2.amazonaws.co
我是一名优秀的程序员,十分优秀!