jquery - 为什么 wrapAll() 复制 javascript 代码？

Question

我有一个 javascript 代码，你可以在这里看到它的 jsfiddle 。

当用新的 div 包装所有 .inner 元素时，似乎 jquery 复制了 javascript 代码（所以你可以在运行时看到两个警报）。这是正常行为wrapAll()还是错误？

Answer 1

这可能是因为<script>当你包装它时，你在元素中的标签被重新评估，因为 dom 被重写，因此添加了另一个click回调。<script>解决方案是将带有回调的代码移到clickdiv 之外。

<script language="javascript">
   $(".inner span").click(function() {
     alert(1);
   });
</script>
<div class="inner">
  <span>Hello</span>
</div>