jquery - 使用输入文本字段更改元素 p 问题 jquery

Question

我在触发 jquery 事件以用文本字段替换元素 p 或 span 以及 onblur 事件替换回 p 或 span 字段时遇到小问题。

演示在这里http://jsfiddle.net/yXcZG/

第一次点击 p 文本时效果很好，但第二次重复相同过程时失败。

谁能帮我看看问题出在哪里

Answer 1

jQueries .on selecor 用于附加动态内容，例如ajax 和您正在做的事情。通常您只需使用 $('.myClass').click(funcction(){}); 但使用静态类，就像您所做的那样 $('.cmtedit').on (... 是有问题的，因为一旦您单击该类，它就会被删除..它不再存在于您创建它的引用中。因此，要正确使用 .on，您需要将其附加到文档，以便它始终可以重新附加到任何动态内容!:-)

.on( events [, selector] [, data] , handler(eventObject) )

$(document).on('click', '.cmtedit', function (e) {
    console.log(this);
   TBox(this);
});

这里工作得很好..

http://jsfiddle.net/yXcZG/3/

如果您不使用 Chrome 或 Firefox，还请记住删除 console.log();。 IE 根本不支持!