当前位置: 首页 > 编程笔记 >

jquery使用on绑定a标签无效 只能用live解决

澹台华采
2023-03-14
本文向大家介绍jquery使用on绑定a标签无效 只能用live解决,包括了jquery使用on绑定a标签无效 只能用live解决的使用技巧和注意事项,需要的朋友参考一下

如题

jQuery使用on()绑定动态生成元素的事件无效的问题

jQuery的on()方法可以绑定动态生成元素的事件,但是在实际使用时发现无效。如下HTML:

<p>  
<a>123</a>
</p> 

使用如下方式,对静态元素有效,但是绑定动态生成的a元素的事件时无效:

$('a').on('mouseenter',
function(){  
............}); 

需要绑定a的父级元素(此元素必须为静态元素,不是后来动态生成的),然后设定on()方法的selector参数才行:

$('p').on('mouseenter',
'a',
function(){  
..............}); 

以上这篇jquery使用on绑定a标签无效 只能用live解决就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍jquery 为a标签绑定click事件示例代码,包括了jquery 为a标签绑定click事件示例代码的使用技巧和注意事项,需要的朋友参考一下

  • 问题内容: 我创建了一系列用于移动Web应用程序的自定义jQuery事件。他们工作得很好,已经过测试。但是,我遇到了一个小问题,难以理解。 我正在DOM中使用一些元素,其中包含一个按钮。该按钮绑定了一些自定义事件(这些事件使用绑定),但是。不幸的是,当我使用jQuery时,未保留绑定,我必须再次添加它们。 有人遇到过这种情况吗,有人知道有可能解决此问题吗?我以为使用应该保留现在或将来存在的元素的绑

  • 问题内容: 目的是使产品名称出现在缩略图的工具提示中。浏览器不会根据“ ng-title”或“ ng-attr-title”创建工具提示。 我们正在使用AngularJS 1.0.7版。您可以在任何属性前面加上“ ng-”或“ ng- attr”,Angular会进行相应的绑定。但是,它似乎没有“绑定”到HTML“ A”标签的标题上。 例如 1。 码: 预期结果: 实际结果:工具提示中出现不必要的

  • 问题内容: 更新说明: 上面的示例 正常工作 ,因为版本1.0-rc4 解决 了需要不必要的变量的问题。 原始问题: 我完全按照文档中的描述进行操作,但不起作用: main.xml: button.xml: MyActivity.java: 如何获得按钮? 问题答案: 问题在于所包含的布局没有被视为数据绑定布局。要使其成为一体,您需要传递一个变量: button.xml: main.xml: 然后

  • 上面的示例工作正常,因为版本1.0-rc4修复了需要不必要变量的问题。 我完全按照它在留档中的描述,它不起作用: main.xml: buttons.xml: MyActivity.java: 如何获取按钮?

  • 问题内容: 我有这段代码,并且还尝试过使用$ .getJson函数进行类似的操作: 当我查看Firebug时,它返回“无效标签”错误。我搜索了一些人提到的使用解析器解析结果的信息。我可以在Firebug中看到结果。有人可以指出我应该做什么的例子吗? Firebug错误: 无效标签 http://api.kivaws.org/v1/loans/newest.json?callback=jsonp12