HTML/jQuery detach（）然后insertAfter（）元素

目前，我设置了我的页面，当我点击一个div时，弹出的子菜单弹出出现在我点击的div下面。我试图分离（）子菜单和insertAfter（）和空白左或浮动，以便它出现在div被点击的右侧。HTML/jQuery detach（）然后insertAfter（）元素

* Here is a picture Example of what I currently have and what I am trying to do

HTML：

<div> 
    <div class="nav-name nav-padding">Alpha</div> 
     <div class="Beta"> 
      <div class="Delta"> 
       <div class="Omega">A</div> 
       <div class="Omega">B</div> 
       <div class="Omega">C</div> 
       <div class="Omega">D</div> 
      </div> 
     </div> 
    <div class="foo" style="display: none;"></div> 
</div>

脚本：

function ClickItem() { 
    $('.nav-name').click(function() { 
     var itemText = $(this); 
     $(this).next('.delta').slideToggle('slow'); 
     //$(this).next('.delta').toggle('slow'); 
     //itemText.next().html().detach(); 
     //itemText.next().html().insertAfter(.nav-name).css("margin-left", "20px"); 

    }); 
}

我不知道这是否是最好的方法，如果我应该努力使这项工作。如果有更好的方法，请随时推荐一种不同的方法来完成我的任务。

谢谢

来源

2014-05-23 BrettKB

.html（）返回一个字符串，字符串没有detach方法。我不认为你需要.html（） –

你不能简单地使用** css **来定位子菜单..？!! –

另外，.next不会执行您认为的操作。 –

从阿尔法分离和插入后Alhpa 做这样的（check the link）：

var beta = $('.Beta'); 
    var cloned = beta.clone(); 
    beta.hide(); 
    beta.remove(); 
    cloned.addClass('float_left'); 
    $(cloned).insertAfter('#alp');

我已经添加了ID ALP到你的阿尔法股利。

但仍然CSS会是一个更好的解决方案！

来源

2014-05-23 18:10:36

HTML/jQuery detach（）然后insertAfter（）元素

回答

相关问题