jquery-ui - Meteor：在模板渲染事件中选择多个元素变为可拖动不起作用

Question

更新 2： A github 上的以下repo显示了该问题。

更新 1：调用返回@firstNode。Template.editor.rendered<div class="editor"></div>

我有以下模板：

<template name="editor">
  <div class="editor">
    {{#each objects}}
        <div class="object">{{content}}</div>
    {{/each}}
  </div>
</template>

数据由 iron-router 在数据回调中提供。

我的模板的咖啡脚本：

Template.editor.rendered = ->
  @findAll('.object').draggable()

当我进入浏览器并尝试拖动其中一个对象时，我得到文本选择光标并开始选择带有 div 的文本，而不是被拖动的对象。那么有什么问题，我怎样才能让拖放工作？

jquery-ui 提供了拖放功能。它作为智能包安装。

也可以随意编辑这篇文章的标题，因为我很难想出一个有意义的标题

Answer 1

我找到的解决方案是抽象<div class="object">{{content}}</div>成一个单独的模板，如下所示：

<template name="object">
  <div class="object">{{content}}</div>
</template>

然后改变

Template.editor.rendered = ->
  @findAll('.object').draggable()

至

Template.object.rendered = ->
  @findAll('.object').draggable()

正如流星百科中所说。