jQuery-`on`事件在jQuery.replaceWith]之后不起作用>

Question

我想要这样的链接：单击后，它变成文本，当鼠标移出文本时，它返回链接。

HTML：

    <a href="#">click me and change to text</a>
JS：

    $("a").on('click',function(){
        var $lnk = $(this);
        var $replace = $('<span>');
        $replace.text($lnk.text());
        // Link to Text
        $lnk.replaceWith($replace);
        // Text to Link
        $replace.one('mouseout',function(){
            $replace.replaceWith($lnk);
        });
        return false;
    });
该代码仅在第一次工作。 $("a").on("click",function(){})之后似乎replaceWith不起作用。

小提琴：http://jsfiddle.net/uABC9/4/

我正在使用jQuery 1.10.1，并测试了FF和Chrome。请帮助。

我想要这样的链接：单击该链接时，它变为文本，当鼠标移出文本时，它返回到链接。 HTML：click me and change to text JS：$（“ a”）。on（'...

Answer 1

替换

Answer 2

jQuery的“ on”有效，但是因为它是一个链接，所以当您单击它时，它会链接到其他地方。

Answer 3

最初加载文档时，请注视您的a标签单击。但是，当a标签被替换为新标签时，它就不再关注新标签。

Answer 4

标记的答案是正确的，我只是想自己补充一下，如果您需要纠正错误不是针对所有链接