javascript - "Uncaught TypeError: undefined is not a function"用于 jQuery 可删除

Question

我想启用拖动元素并将它们放到指定的元素容器中。但是当我加载我的网站时，我在我的控制台中得到了这个:Uncaught TypeError: undefined is not a function ... presentation-categories.js?version=1:23。

第 23 行是 $( ".panel-body").droppable({ 开始的地方。

我试图删除整个 $( ".panel-body").droppable(...); 然后 draggable 工作，但我需要 drop-容器。

这是实际的 presentation-categories.js:

var dropped = false;

$( ".draggable-presentation" ).draggable({
  appendTo: ".my",
  zIndex: 999999999,
  placeholder: "sortable-placeholder",
  revert: true,
  cursorAt: {
    left: 67,
    top: 43
  },
  helper: function() {
    var presBackground = $(this).find('.slide').css('background');
    var presentationName = $(this).find('strong').html();
    var helper = $('<div class="slide-helper"></div>').html(presentationName).css({background: presBackground});
    return helper;
  }
});

$( ".panel-body" ).droppable({
  activeClass: "ui-state-default",
  hoverClass: "ui-state-hover",
  accept: ".slideshowWindow, .draggable-presentation, .slide",
  drop: function( event, ui ) {
    dropped = true;
  }
}).sortable();

PS:我已经包含了 jQuery 和 jQuery-ui 脚本以及最新版本。

Answer 1

我收到了同样的错误消息，我通过更新我的 jQuery UI javascript 文件解决了这个问题。

转到 http://jqueryui.com/download并确保选中“Droppable”选项，然后单击“下载”。

您现在将拥有一个包含可放置功能的 jQuery UI javascript 文件。