Jquery ui 使用helper:';克隆jQuery UI Dragable后运行代码;克隆';
我试图在DragTable中新克隆的项上执行一些代码。一旦DragTable被克隆,我想在其中的一个元素上使用TwitterBootstrap的popover 如何在使用以下可拖动设备时实现这一点:Jquery ui 使用helper:';克隆jQuery UI Dragable后运行代码;克隆';,jquery-ui,jquery-ui-draggable,Jquery Ui,Jquery Ui Draggable,我试图在DragTable中新克隆的项上执行一些代码。一旦DragTable被克隆,我想在其中的一个元素上使用TwitterBootstrap的popover 如何在使用以下可拖动设备时实现这一点: $( "#draggables li" ).draggable({ connectToSortable: "#sortable", helper: "clone", revert: "invalid" }); 正在拖动的项目: <ul id="draggabl
$( "#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>
克隆元素时需要再次调用弹出窗口。不确定您期望的内容,但可以在回调中执行您想要的操作
$( "#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
}
});
回答得很好,但是+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
}
});