1

我有一个容器

<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(...).data(...) 未定义

并且代码有效

我试图找到一个解决方案，如果可以帮助谁会回答。

之前的代码在 wpress 主题中。所以我在一个简单的 HTML JS 页面中尝试了所有内容，现在的错误是

类型错误：$(...).data(...) 未定义

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

在这段 jQuery UI 代码中 - v1.10.3 - 2013-08-05

所以我尝试将一个类 ui-draggable 添加到 div 但仍然不起作用

4

1 回答 1

2

把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-06T07:33:33.450 回答