jQuery appendTo () не запускается в IE7 - PullRequest
Новая
       17

jQuery appendTo () не запускается в IE7

1 голос
/ 23 ноября 2011

Я перевожу некоторые вещи на готовом документе.Думайте об этом как о необычной навигации по вкладкам, где у меня есть некоторое динамическое содержимое в навигации по списку, которое переключается между различными панелями.

У меня есть контроль над разметкой, но 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");
});

1 Ответ

3 голосов
/ 23 ноября 2011

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