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

问题描述：

我对项目工作的地方DOM结构是这样的：追加div.html（）来textarea.val（）肝功能

<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的现场。

我怎样才能做到这一点?

答

使用.sortable()停止事件，像这样：

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

好的！但还有其他可编辑（Jedit）事件。所以我需要一个解决方案.. – MANnDAaR

您可以始终命名该函数，然后在以上述方式构建任何事件（可拖动等）时分配它。 – Dereleased

答

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

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

可分类，可编辑等相同

或者您甚至可以将该代码复制到一个函数中，然后在stop事件中运行该代码，因此您只需在一个位置更新它。

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

相关推荐