1

我正在尝试在可拖动的新克隆项目上执行一些代码。克隆可拖动对象后,我想在其中的元素上使用 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()

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

4

1 回答 1

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
    }
  });
于 2013-02-03T13:11:33.673 回答