Question

我正在准备好文件。可以把它想象成一个精美的标签导航，我在列表导航中有一些动态内容，可以在不同的面板之间切换。

我确实可以控制标记，但是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");
});

Answer 1

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();
});

jQuery appendTo（）没有在IE7中触发

1 个答案: