2012-10-18 3 views
0

Я новичок, пытаясь научиться строить jQuery Mobile App, и у меня есть список элементов, которые я хочу перетасовать в разные списки на разных страницах. Я был в состоянии понять, как удалить его с помощьюКак перенести элемент из одного списка в другой?

$('document').ready(function() { 
    $('.theListItem .red').click(function() { 
     var $toRemove = $(this).closest('div[data-theme="a"]') 

     $toRemove.animate({ 
      height: 0 
     }, 500, function() { 
      // This is the callback. 
      $toRemove.remove(); 
     }); 

     return false; 
    }); 
}); 

Но если я хочу, чтобы переместить весь элемент, как

<div data-role="collapsible" data-collapsed="false" data-theme="a"> 
    <h3>Section 1</h3> 
<div data-role="controlgroup" data-type="horizontal"> 
<a href="categorize.html" data-role="button">Yes</a> 
<a href="index.html" data-role="button">No</a> 
<a href="index.html" data-role="button">Maybe</a> 
</div> 

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

+1

'$ toRemove.remove(). AppendTo ('selector');' – jbabey

+0

Может быть лучше использовать $ toRemove.detach(). AppendTo ('selector'); Таким образом, все связанные данные jQuery сохраняются. –

+0

Я могу переместить его на элементы на одной странице, но когда я перехожу к спискам на разных страницах, похоже, что они не идут туда. – Squirrl

ответ

0

Я думаю, что лучшим подходом будет динамический вывод ваших списков из объектов JavaScript. В частности, если у вас есть два списка A и B, у вас может быть массив строк, представляющий каждый список. Каждый раз, когда вы перемещаете элемент между списками, вы просто выполняете операцию на двух массивах, а затем перерисовываете свои списки из этих массивов.

Надеюсь, это поможет!

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