jquery-uiドラッグリストとドラッグ&ドロップ
1283 ワード
一、リストドラッグ——Sortable Widget
コード:
二、コンポーネントをドラッグリストにドラッグする——Draggable Widget
コード:
ページロード時にこのメソッドを初期化すればいいです.具体的なAPI詳細はhttp://www.runoob.com/jqueryui/api-draggable.html
注意:jquery-uiは1.11.1(含む)および次のバージョンを使用してください.1.11.1以上はconnectToSortableプロパティを使用しています.つまり、リストから別のsoatableに移動します.
問題が発生する
コード:
define(["jqueryUI","jquery"],function() {
var dragInit = {
initVisualModuleSortAble:function(){
// dom, dom
$('#body,#head,#foot').sortable({
placeholder : "md_move_border",// dom class ,
items : ".bk_mv_md:not(.dead)",//
stop : function(event, ui){}); //
}
ページのロード時にこの方法を初期化すればよい.具体的なAPI詳細はhttp://www.runoob.com/jqueryui/api-sortable.html 二、コンポーネントをドラッグリストにドラッグする——Draggable Widget
コード:
initIconDragAble:function(){
$(".mobile_md_cat_list").find(".body").each(function() { // icon
$(this).draggable({
connectToSortable : "#body", // div dom
helper : "clone", // dom clone, dom
revert : "invalid", // ,
});
});
}
ページロード時にこのメソッドを初期化すればいいです.具体的なAPI詳細はhttp://www.runoob.com/jqueryui/api-draggable.html
注意:jquery-uiは1.11.1(含む)および次のバージョンを使用してください.1.11.1以上はconnectToSortableプロパティを使用しています.つまり、リストから別のsoatableに移動します.
問題が発生する