使用detach后无法添加html元素

Question

我试图在使用remove()函数删除html后添加元素。由于某种原因，当我调用add()函数时，删除变量会丢失html DOM。如果我将remove.insertAfter('#element');放在ajaxSuccess（）之外，它就可以工作。我使用ajaxSuccess（），因为我希望ajax先完成，然后才能再次向用户显示元素。

var remove; 
    function remove() { 

//there is a ajax call here 

     $(document).ajaxSuccess(function() { 
      remove = $('#myDiv').detach(); //or should I use remove()? 
     }); 
    } 

    function add() { 

//there is an ajax call here 

     $(document).ajaxSuccess(function() { 
      remove.insertAfter('#main'); 
     }); 
    } 

    <div id="main"> 
     <div id="myDiv"> 

     </div> 
    </div> 

Answer 1

按照API文档从

detach()

它指出给使用detach（）保持与移除的元件 在你的情况相关联的所有的jQuery数据时，它可以是DOM是不在ajax调用之后准备就绪，尝试在将元素添加回来并查看它是否有效时延迟几秒钟的动作。我的意思是贬低将元素添加回DOM的操作。只是一个建议