jquery-ui - 使用 helper:'clone' 克隆 jQuery UI 可拖动对象后运行代码

Question

我正在尝试在可拖动的新克隆项目上执行一些代码。克隆可拖动对象后，我想在其中的元素上使用 Twitter Bootstrap 的弹出框。

如何在使用以下可拖动项时实现这一点：

  $( "#draggables li" ).draggable({
    connectToSortable: "#sortable",
    helper: "clone",
    revert: "invalid"
  });

被拖动的项目：

<ul id="draggables">
  <li>
    <a href="#" class="btn pop-me" data-content="popover text">click</a>
  </li>
</ul>

<ul id="sortable">
</ul>

在我的文档加载中，我调用 pop over：

$('.pop-me').popover()

克隆元素时需要再次调用弹出框。

Answer 1

不确定你期待什么，但你可以在回调中做你想做的事

 $( "#draggables li" ).draggable({
    connectToSortable: "#sortable",
    revert: "invalid",
    helper: function(event,ui){
        //Call your function here based on ui or event object
        return $(this).clone();
    },
    stop: function(event,ui){
        //Call your function here based on ui or event object
    }
  });