jQuery的可拖動排序

我已經容器jQuery的可拖動排序

<div id="contenitore" class="connectedSortable"></div>

白衣這個JQ代碼

$("#contenitore").sortable({ 
update: function(event, ui){ 
ElementAppend();}, 
connectWith: ".connectedSortable" 
}).disableSelection();

和其他分區像

<div class="element-container"></div>

白衣這個JQ代碼處理一些拖動事件

$("div.element-container").draggable({ 
    cursor: "move", cursorAt: { top: 20, left: 20 }, 
    drag: function(event, ui) { 
    $(this).addClass("handled"); 
    }, 
    stop: function(event, ui) { 
     $(this).removeClass("handled"); 
    }, 
    }).disableSelection();

因此所有的模擬市民正常工作，但如果我添加

connectToSortable: ".connectedSortable"

來拖動我得到這個奇怪的錯誤

類型錯誤：E（...）數據（...）是未定義

和代碼dosent工作

我已經試圖找到一個解決方案，如果能幫助誰將會回答。

這個代碼之前是在一個wme teme。所以我已經tryed都在一個簡單的HTML JS網頁，現在的錯誤是

TypeError: $(...).data(...) is undefined

var o = $(this).data("ui-draggable").options;

in this code of jQuery UI - v1.10.3 - 2013-08-05

，所以我vtryed添加類UI的可拖動到格但仍然不工作

來源

2013-08-05 Il Profeta Profeta

把connectToSortable在draggable功能。

jQuery的部分：

$("#container").sortable({ 
    receive: function(event,ui){ 
     ui.item.remove(); 
    } 
    }); 

    $("#element-container").draggable({ 
     connectToSortable: "#container", 
     helper: "clone", 
     revert: "invalid" 
    });

HTML部分：

//First 
    <div id="container"></div> 
    //Second 
    <div id="element-container"></div>

來源

2013-08-06 07:33:33

的問題是，如果我添加connectToSortable：「.connectedSortable」 N拖拽功能仍然不工作 –

非常晚的答覆@IlProfetaProfeta遺憾。如果你已經解決了這個問題，希望它能幫助別人。 ** connectToSortable：「.connectedSortable」**應放在第二個jQuery代碼中，** $（'＃element-container'）。draggable（{...}）**。希望這會有所幫助。 –

jQuery的可拖動排序

回答

相關問題