1

ドキュメントの準備が整ったので、いくつかのものを移動しています。これは、さまざまなパネル間を切り替えるリスト ナビゲーションに動的なコンテンツが含まれる、洗練されたタブ ナビゲーションのようなものだと考えてください。

マークアップは制御できますが、ul は動的コンテンツの挿入に使用されるものとは異なる CMS のテンプレートにあるため、基本的にはドキュメント上で必要な場所に移動する準備ができています。移動が発生しないIE7を除いて、うまく機能します。

HTML:

<ul class="pnlHandler"></ul>

<div id="Panels">
   <li>Here goes the content that I want to move</li>
   <div class="pnlFront">
      This has more content, but it's already where I want it
   </div>
</div>

JS:

$(document).ready(function(){
   $("#Panels").children("li").appendTo(".pnlHandler");
});
4

1 に答える 1

3

IE は、 が<li>の外側にあることを嫌い<ul>ます。<ul>IE で動作させるには、 内に配置する必要があります。

<ul class="pnlHandler"></ul>

<div id="panels">
   <ul class="dummy">
     <li>Here goes the content that I want to move</li>
   </ul>
   <div class="pnlFront">
      This has more content, but it's already where I want it
   </div>
</div>

そして、あなたの JavaScript で:

$(document).ready(function(){
   $("ul.dummy", "#panels").children("li").appendTo(".pnlHandler");
   $("ul.dummy", "#panels").remove();
});
于 2011-11-22T21:03:18.777 に答える