0

更新 2: A github の次のリポジトリに問題が示されています。

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

ブラウザに移動してオブジェクトの 1 つをドラッグしようとすると、テキスト選択カーソルが表示され、ドラッグされているオブジェクトではなく div でテキストが選択され始めます。では、何が問題で、ドラッグ アンド ドロップを機能させるにはどうすればよいでしょうか?

ドラッグ アンド ドロップ機能は、jquery-ui によって提供されています。これはスマート パッケージとしてインストールされます。

また、意味のあるタイトルを思いつくのに苦労したので、この投稿のタイトルを自由に編集してください

4

1 に答える 1

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

メテオペディアに記載されているとおりです。

于 2014-05-27T23:07:14.497 に答える