Emberjs: JQuery Функция, которая не вызывается после Handlebars Шаблон загружен

Question

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

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

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

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

Answer 1

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

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