使用帮助程序克隆jQuery UI draggable后运行代码:'clone'

时间:2013-02-02 19:34:11

标签: jquery-ui jquery-ui-draggable

我正在尝试在draggable中对新克隆的项执行一些代码。一旦克隆了draggable,我想在其内部元素上使用Twitter Bootstrap的popover。

如何在使用以下draggable时实现此目的:

  $( "#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:

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

克隆元素时需要再次调用pop。

1 个答案:

答案 0 :(得分:3)

不确定您的期望是什么,但您可以在回调中做您想做的事

 $( "#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
    }
  });