2014-09-03 5 views
2

У меня есть этот код:JQuery prependTo() - дублированный элемент

<div class="someClass"> 
    <a href="#" class="link">Text</a> 
    <a href="#" class="link">Text</a> 
    <a href="#" class="link"><span class="selected">Text</span></a> 
    <a href="#" class="link">Text</a> 
</div> 

Когда я что перейти на ссылку, где находится span с классом selected к первой позиции, я:

$('.selected').parent().prependTo('.someClass'); 

Но тогда Я получаю что-то вроде этого, элемент дублируется:

<div class="someClass"> 
    <a href="#" class="link"><span class="selected">Text</span></a> 
    <a href="#" class="link"><span class="selected">Text</span></a> 
    <a href="#" class="link">Text</a> 
    <a href="#" class="link">Text</a> 
    <a href="#" class="link">Text</a> 
</div> 

Где находится оценка м? Спасибо за любой совет!

+0

не следует дублировать, ссылка jsfiddle для возникновения проблемы ??? –

+3

Работает отлично здесь http://jsfiddle.net/ec16qv32/ У вас есть несколько элементов '.selected' в вашем документе? – Anton

ответ

0

Теперь я понял. Я использую JavaScript для мобильной навигации. Что-то вроде этого:

<div class="mobileNavigation"> 
    <div class="js-cloneElement" data-sourceSelector=".someClass"></div> 
</div> 

Так вот в чем причина дублирования элемента!

Смежные вопросы