追加div.html（）來textarea.val（）肝功能

Question

我對項目工作的地方DOM結構是這樣的：

<div id="wrapper"> 

    <p> Some Text Goes Here </p> 

    <ul id="sortable"> 
      <li>list 1</li> 
      <li>list 2</li> 
      <li>list 3</li> 
      <li>list 4</li> 
      <li>list 5</li> 
    </ul> 

</div> 

<textarea id="cloner" rows="50" column="50"></textarea> 

我追加＃wrapper.html（），以＃ cloner.val（），使用以下簡單的函數：

$('#cloner').val($('#wrapper').html()); 

現在，#wrapper指定含有大量的dragable /排序/編輯事件。所以，我要的是反映內textarea的這些變化

例子：如果我拖表5到表2位置，內DOM這種變化應該反映內textarea的現場。

我怎樣才能做到這一點?

Answer 1

使用.sortable()停止事件，像這樣：

$(".selector").sortable({ 
    stop: function() { $('#cloner').val($('#wrapper').html()); } 
}); 

Answer 2

你必須停止事件附加到draggable方法，在其中運行：

$('#cloner').val($('#wrapper').html()); 

可分類，可編輯等相同

或者您甚至可以將該代碼複製到一個函數中，然後在stop事件中運行該代碼，因此您只需在一個位置更新它。