【问题标题】:Clickable elements doesn't work after replacement jQuery替换jQuery后可点击元素不起作用
【发布时间】:2013-07-16 07:14:51
【问题描述】:

我正在尝试用 .replaceWith() 替换论坛上相同的内容 - 它可以替换它,但是当我按下图标时,没有添加文本,即使我要替换的内容完全相同.

是什么原因造成的?

$(".class").replaceWith("<table id='table'><img src='smiley.png' class='smiley' /></table>");

代码完全相同,但在应用 replaceWith() 后单击图像不起作用。它应该在文本字段中添加一个笑脸,但现在没有了。

【问题讨论】:

  • 你能告诉我们你的点击处理程序吗?
  • 您可能将点击事件绑定到要删除的元素。尝试将 click 事件绑定到不会被删除的父元素并过滤您实际想要单击的元素。
  • 您没有正确关闭 html,因为您正在创建表格和其中的图像,但您只是关闭图像。
  • 直接从论坛点击处理程序:puu.sh/3DOd8.txt@Rayweb_on - 没错,但代码很长,所以只是一个示例。
  • 嗯。只需将其添加到问题中

标签: replacewith


【解决方案1】:

您可以像这样绑定从父级过滤到子级的点击事件:

$('.parent').on('click', '.child', function(){
    // your code here
});

这将允许点击事件触发,即使.child 的新实例是动态添加的。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-01-15
    • 1970-01-01
    • 1970-01-01
    • 2015-10-07
    • 1970-01-01
    • 1970-01-01
    • 2021-06-21
    相关资源
    最近更新 更多