Emberjs: функция Jquery не вызывается после загрузки шаблона Handlebars

Question

Emberjs: функция Jquery не вызывается после загрузки шаблона Handlebars

0

У меня есть приложение EmberJS, где я пытаюсь вызвать функцию jquery, которая позиционирует некоторые элементы div на странице, используя .css() для определенного шаблона дескрипторов.

Моя проблема заключается в том, что когда EmberJS загружается в шаблон в мое приложение (с помощью изменения url или {{linkTo}}, функции jquery не {{linkTo}}. Тем не менее, если я обновляю страницу, они срабатывают просто отлично и все Кроме того, у меня есть прослушиватель событий, если страница меняет ширину, что приведет к отказу функции, и это тоже отлично.

Я предполагаю, что Ember фактически не вызывает функцию jquery после первоначальной загрузки шаблона. В любом случае, чтобы обойти это? Мне было интересно, может ли я попытаться использовать дескрипторы для прямого вызова функции из моего scripts.js? Спасибо за вашу помощь!

Кроме того, возможно ли это без использования Views? Может быть, с Handlebars и компонентами?

DeliciousMe 03 окт. 2013, в 20:58

Источник

0

Можете поделиться кодом?
Deblaton Jean-Philippe 03 окт. 2013, в 18:55
1

Вам нужно запустить код jQuery в одном из ваших представлений. Узнайте в моем блоге, как это сделать mavilein.github.io/javascript/2013/08/01/…
mavilein 03 окт. 2013, в 20:13

Теги:

jquery

ember.js

1 ответ

Ещё вопросы

Вам нужно запустить код jQuery в одном из ваших представлений. Узнайте в моем блоге, как это сделать mavilein.github.io/javascript/2013/08/01/…

chopper · Accepted Answer · 2013-10-03T20-28-00.000Z

2

Лучший ответ

Вам нужно будет поместить такой код в метод didInsertElement вашего представления. Например, если ваш шаблон является project/index, вы бы сделали:

App.ProjectIndexView = Ember.View.extend({
    template: 'project/index',
    didInsertElement: function() {
    /// Your jQuery code here
    }
});

chopper 03 окт. 2013, в 20:28

0

офигенно :) попробую.
DeliciousMe 03 окт. 2013, в 22:58
0

хотя мне интересно, смогу ли я сделать это без использования представлений вообще ...
DeliciousMe 03 окт. 2013, в 23:10
0

Почему вы не хотите использовать представления?
chopper 04 окт. 2013, в 00:59
0

Что ж, согласно этой теме, в конечном итоге, взгляды будут отменены в обмен на рули и компоненты. discuss.emberjs.com/t/mvc-flow-chart-is-this-helpful/2287/12
DeliciousMe 04 окт. 2013, в 01:15
1

Компоненты - это просто расширения представлений. Базовый класс вида никуда не денется. Слой компонент / представление определенно является подходящим местом для взаимодействия с dom, поскольку это единственный слой, который принимает dom и отображает события. Я должен добавить, что вы всегда должны рассматривать использование компонента вместо прямого представления, поскольку компоненты полностью инкапсулируют контекст вашего представления и вынуждают вас определять интерфейсы, с помощью которых ваш компонент взаимодействует с остальной частью вашего приложения.
Dan Gebhardt 04 окт. 2013, в 01:54
0

Я полностью согласен с Дэном. Как правило, если у вас одно и то же «представление», которое вы используете в разных частях вашего приложения, вам, вероятно, следует реализовать его как component . Примерами могут быть встроенная форма редактирования или гистограмма. Обратите внимание, что с каждым шаблоном по умолчанию будет связано представление, которое вы можете переопределить (и добавить свою собственную функциональность, например, поместив код jQuery в didInsertElement ), как описано в ответе. Если ваш код jQuery относится только к одному шаблону, его можно поместить в представление шаблона, в противном случае он будет преобразован в компонент.
chopper 04 окт. 2013, в 16:22

Показать ещё 4 комментария