Jquery ui 带有jQuery可拖放/可拖放的Backbone.js。可拖放的isn'；行不通

我有一个主干应用程序，其中我创建了两个视图，一个可拖动，一个可拖放。拖动可以正常工作，但不会触发可拖放回调。如何使可拖放视图“看到”可拖放视图

我的“可拖放”视图：

可拖动：

class App.Views.QuestionSet extends Backbone.View

  template: JST['question_sets/question_set']

  className: "question-set"

  initialize: (options) ->
    @collection.on('add', @addOne, @)
    @collection.on('reset', @addAll, @)
    @$el.draggable(
      handle: ".drag-question-set"
      revert: true
    )

  render: ->
    @$el.html(@template(@model.toJSON()))

更新：

---

当我将

$（draggable.el）

插入到与可拖放视图相同的容器中时，可拖放元素会正确地触发回调。它只是不喜欢他们在不同的html父母中…

您的帖子中没有太多信息，但根据您的描述，如果这取决于您在html中放置可拖放项的位置，您可以尝试将您的

@$el

引用替换为

$（“#someid”）

。另外，请记住，对于主干，快捷方式

@$（“#someid”）

的作用域是主干视图元素（构造函数中设置的全局文档的某些子元素），而不是全局文档本身。假设你能让

$（“#someid”）

部分正常工作，这很可能只是一个范围问题。

我想出来了。。。原来这是一个“容忍度”的问题与下拉插件。设置

{tolerance:“pointer”}

解决了我的问题。

你的模板是什么样子的，你是如何将这些视图插入页面的？@muistooshort此时只是占位符eco模板。。当索引操作被点击时，我通过路由器插入元素

$（'#folders'）.html（folders_view.render（）.el）

这也是我的想法。原来是div中带有

float:left

的dropable出现了问题。我正在使用Bootstrap，container div有一个

span3

类。。一旦我删除了那个类，它就可以正常工作。。因此，这不是主干或咖啡脚本问题，而是某种奇怪的CSS/jQuery错误。有什么想法吗？谢谢你的帮助。

class App.Views.QuestionSet extends Backbone.View

  template: JST['question_sets/question_set']

  className: "question-set"

  initialize: (options) ->
    @collection.on('add', @addOne, @)
    @collection.on('reset', @addAll, @)
    @$el.draggable(
      handle: ".drag-question-set"
      revert: true
    )

  render: ->
    @$el.html(@template(@model.toJSON()))