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>

数据由铁路由器在数据回调中提供。

我的模板的coffeescript：

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()

如meteorpedia中所述。

Meteor：在模板渲染事件中选择多个元素以使其无法正常工作

1 个答案: