0

「nav」の前に「pageslide」の後にdiv「nav-collapse collapse」をラップしようとしています

これが最善の方法かどうかはわかりませんが、ブートストラップのサブメニューがページスライド プラグインでうまく動作するようにしようとしています。

私が現在持っている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"));

これは、ブートストラップに実装された jQuery Pageslide を対象としています。

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

4

3 に答える 3

1

wrapを使用して、 navdiv を即時ラッパーでラップすることができます。同様に、 wrapInner、wrapAllがあります。ニーズに合ったものを選択できます。

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

フィドル

于 2013-06-22T06:18:25.937 に答える
1

これを試すことができます

$("#pageslide").wrapInner("<div class='nav-collapse collapse' />");
  1. jQuery.wrapInner()
于 2013-06-22T06:19:25.597 に答える
0

回避策は、Twitter のブートストラップ サブメニューを jQuery でトグルすることです。

于 2013-06-22T20:56:43.753 に答える