如何將列表項目從一個列表移動到另一個列表？

Question

我使用jQuery Mobile和一次我點擊從這個列表中的鏈接：

<div id="scroller"> 
    <div class="trans"> 
     <ul id="thelist" data-corners= "false" data-role="listview"> 
      <div class = "theListItem" data-role="collapsible-set" data-collapsed="false"> 
       <li><a class= "left" data-inset="true" data-transition="pop" href="YesNoMaybe.html"><h4>Think Coffee</h4><h3>$3.50</h3></a></li> 
       <li><a class= "left" data-inset="true" data-transition="pop" href="YesNoMaybe.html"><h4>Think Coffeadsf dsadsf ads faf adsf adsf adsf sadf asdf adsfadsfadsfadsfadsf sadfasdfe</h4><h3>$3.50</h3></a></li> 
       <li><a class= "left" data-inset="true" data-transition="pop" href="YesNoMaybe.html"><h4>sup Coffee</h4><h3>$3.50</h3></a></li> 
      </div> 
     </ul> 
    </div> 
</div> 

如果<h4>和<h3>文字代替這個名單上的文字我愛：

<ul id="thelist" data-corners= "false" data-role="listview"> 
    <div class = "theListItem" data-role="collapsible-set" data-collapsed="false"> 
     <li class="purchase" ><a data-inset="true" href="#"><h4>Think Coffee</h4><h3>$3.50</h3></a></li>    
    </div> 
</ul> 

我試過這個：

$('#transPage').live('pageinit', function() { 
$('a').click(function(){ 
    var $move = $(this).closest('li').appendTo("#YesNoMaybePage .theListItem"); 
    }); 
}); 

並沒有得到。這些列表位於不同的頁面上。所有的建議都比歡迎。感謝世界。我欠你的時間。

Answer 1

嘗試沿着這些路線。

$('#transPage').on('pageinit', function() { 
    $('a').click(function(){ 
    var $h4 = $(this).find('h4').text(); // select the text of h4 
    $('.purchase h4').text($h4);   // insert the text in the target 

    var $h3 = $(this).find('h3').text(); 
    $('.purchase h3').text($h3); 
    }); 
}); 

我在jsFiddle上測試它，它工作。 http://jsfiddle.net/3JWFJ/