如何克隆<脚本>带有 jQ​​uery 的标签

Question

我有以下代码（简化以查看背后的逻辑）：

<div id="alfa">Text
    <script>
        $("#alfa").click(function() {
            alert($(this).attr("id"));
        });
    </script>
</div>
<script>
    var clone = $("#alfa").clone().attr("id",$("#alfa").attr("id")+"_1");
    $("#alfa").after(clone);
</script>

当我单击克隆的文本时，我需要看到“alfa_1”，但没有任何反应。

当我使用 clone(true,true) 时，它可以工作，但我没有在 Firebug 中看到克隆的 div 的代码来查看到底发生了什么。

另外我不知道为什么点击原始 div 会触发两次警报。

谢谢。

Answer 1

当我单击克隆的文本时，我需要看到“alfa_1”，但没有任何反应。

对

如果您想将 DOM 元素及其 jQuery 事件处理程序一起复制，请使用 clone(true)：

<div id="alfa">Text</div>

<script type="text/javascript">
    $('#alfa').click(function() {
        alert(this.id);
    });
    var clone= $('#alfa').clone(true);
    clone[0].id+= '_1'; // sorry, I couldn't bring myself to do this the jQuery way
    $('#alfa').after(clone);
</script>

Answer 2

原始 div 的警报被触发两次，因为脚本是在 div 内部定义的。将脚本移出 div，它应该按预期工作：

<div id="alfa">Text</div>
<script>
    $("#alfa").click(function() {
        alert($(this).attr("id"));
    });
</script>