javascript - 使用带有选择框的 jQuery 的 insertAfter() 是否存在已知的性能问题？

Question

我有两个“页面”(基本上是两个 div 标签；一次只显示一个)。根据用户所在的“页面”，选择框将出现在第 1 页的 jQuery UI 对话框中(作为 slider )，或者作为普通选择框出现在第 2 页。我的问题是，我可以使用 insertAfter() 将选择框从一页/div 移动到另一页吗？或者，更具体地说，有什么我不应该这样做的理由吗？我回避了 clone() 函数，因为它会创建重复的 ID，基本上复制每个选择框并尝试同步它们的值似乎有点过分，除非有充分的理由不使用 insertAfter()。

这是代码的模型，以防我的解释不够清晰:

HTML:

    <div id="page1">
         <select id="tango">
            <option>Jester</option>
         </select>
    </div>

<div id="page2">
   <div id="dialog">
       <!-- Select Menu would be inserted/moved here -->
   </div>
</div>

JavaScript:

$('select#tango').insertAfter('#dialog');

Answer 1

使用 $('select#tango').insertAfter('#dialog'); 脚本实际上会导致:

<div id="page2">
   <div id="dialog">

   </div>
   <!-- Select Menu would be inserted/moved here -->
</div>

我认为您真正希望将其放置在您希望的位置是:

$('select#tango').appendTo('#dialog');