在jQuery中使用另一个div包装div - 使用Bootstrap工作的jQuery PageSlide

Question

我希望在“nav”之前包装div“nav-collapse collapse”但是在“pageslide”之后

不确定这是不是最好的方法，但我试图让bootstrap子菜单与pageslide插件很好地配合。

Html我目前有：

 <div id="pageslide">
 <ul id="nav" class="nav slidernav">
   <li>1</li>
   <li>2</li>
   <li>3</li>
 </ul>
</div>

我想要实现的目标：

<div id="pageslide">
   <div class="nav-collapse collapse">
      <ul id="nav" class="nav slidernav">
        <li>1</li>
        <li>2</li>
        <li>3</li>
      </ul>
    </div>
</div>

jQuery的：

$("<div class='nav-collapse collapse'>").insertAfter("#nav").append($("#pageslide"));

这是针对在bootstrap中实现的jQuery Pageslide：

http://jsfiddle.net/8Cjn9/44/

Answer 1

您可以使用 wrap 将nav div包装成即时包装器。同样，您有 wrapInner ， wrapAll 。您可以选择符合您需求的那个。

$('.nav').wrap('<div class="nav-collapse collapse"></div>');

Fiddle

Answer 2

你可以试试这个

$("#pageslide").wrapInner("<div class='nav-collapse collapse' />");

1. jQuery.wrapInner()

Answer 3

解决方法解决方案是使用jQuery切换twitter bootstrap子菜单。