首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery动态创建的表行不响应事件

jQuery动态创建的表行不响应事件
EN

Stack Overflow用户
提问于 2009-08-26 10:38:44
回答 2查看 1.1K关注 0票数 0

我的HTML文件中有一个只有一行的表。现在,在jQuery中,我根据数据库中的数据追加了许多行。但是动态创建的锚标记不响应事件。如何使这个锚标记响应事件?

jQuery部件

//从数据库中追加行

代码语言:javascript
运行
复制
$('<tr> <td> </td> <td id="log'+i+'"><a href="viewlog.php" target="_blank">log</a></td></tr> ').appendTo('#container');

事件部分现在在jQuery中,当我编写这样的一行代码时,它不会响应

代码语言:javascript
运行
复制
$('#container a ').click(function()
{

    alert("Coming here ");
});

//

代码语言:javascript
运行
复制
<html>
    <table id="container">
        <tr>
            <td>
                Name
            </td>
            <td>
                Link
            </td>
        </tr>
    </table>
</html>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2009-08-26 10:44:08

如果您在开始时分配了单击事件,那么在创建之后创建的元素将不会获得it.Try:

代码语言:javascript
运行
复制
$("#container a").live("click", function(){
  ...
});

通过这种方式,每次创建链接时,都会将事件附加到它(http://docs.jquery.com/Events/live#typefn)。

票数 4
EN

Stack Overflow用户

发布于 2009-08-26 10:54:35

正如mck89所建议的那样,如果在追加新的dom之前运行代码,则不会绑定该事件。

您可以链接事件绑定或使用活动函数。

代码语言:javascript
运行
复制
$('your html')
   .appendTo('#container')
   .find('a')
   .click(function() {
      alert('You clicked!');
   });
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1333791

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档