Метеор: в шаблоне визуализируемого события выделение нескольких элементов, которые становятся перетаскиваемыми, не работает

Обновление 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>

Данные предоставляются железным маршрутизатором в обратном вызове данных.

Coffeescript для моего шаблона:

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

Когда я захожу в браузер и пытаюсь перетащить один из объектов, я получаю курсор выделения текста и начинаю выделять текст с помощью div вместо перетаскиваемого объекта. Так что не так и как я могу заставить перетаскивание работать?

Функциональность перетаскивания обеспечивается jquery-ui. Который установлен как умный пакет.

Также не стесняйтесь редактировать заголовок этого поста, так как мне было нелегко придумать тот, который имел смысл

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

Как говорится в метеорпедии.

Другие вопросы по тегам