jQuery的可排序+可弃。滴注后,我的李裹另一个李里
-
12-09-2019 - |
题
这是我的对连接到一个可排序的一个可拖动的代码。关键是,我创建了一堆属性的L1。但是,当我将项目拖移到可投放DIV,可排序创建一个新的L1标签和包装我的创造里吧。
它看起来是这样的:
<ul>
<li class="ui-draggable" style="display: list-item;">
<li class="X" onclick="myFunc()"> My LI</li>
<li>
</ul>
虽然我的意图是有这样的事情:
<ul>
<li class="X" onclick="myFunc()"> My LI</li>
</ul>
让我怎么做呢?
和的代码:
$(document).ready(function() {
$('.draggable_text > li').draggable({
helper: function(event, ui) {
return '<div class="placeholder_sortable"> </div>'
},
connectToSortable:'#stagerows'
});
$('#stagerows').sortable({
handle: '.drag_handle',
placeholder: 'placeholder_sortable'
});
/**
* When item is dropped from the Add <Stuff>
*/
$('#stagerows').droppable({
drop: function(event, ui){
return ui.draggable.html('<li class="X" onclick="myFunc()"> My LI</li>')
}
});
});
解决方案
尝试使用这样的:
$('#stagerows').droppable({
drop: function(event, ui){
return ui.draggable.html('My LI').addClass('X').click( myFunc );
}
});
不隶属于 StackOverflow