ember 2.17:调用jquery document.ready()函数

时间:2017-12-14 01:54:20

标签: ember.js

我真的很喜欢Ember,我被要求做得很好,很乐意学习。基本上,当前项目使用Gentelella Admin Dashboard。我试图让仪表板正确加载但失败了。

登录后,我被重定向到/ dashboard / route,它基本上加载了主仪表板界面。现在问题是我无法点击 - 展开侧栏上的菜单,也不能切换侧边栏菜单。并且主页面没有扩展以填充空间,就像我们当前的应用程序一样。

我知道函数init_start()负责调整大小和点击,这已经从custom.js添加到vendor.js但我似乎无法从ember中调用该函数。

我最近的尝试是使用mixins但它也失败了:

             import Ember from 'ember';

export default Ember.Mixin.create({
  activate: function() {
    this._super();
    init_sidebar();

  }
});

然后从dashboard.js route:

        import HandleTempLoadMixin from '../mixins/handle-temp-load';
        export default Route.extend(AuthenticatedRouteMixin,HandleTempLoadMixin, {

});

但仍然没有执行该功能。

我已经读过,最好避免在ember中使用jquery,但我有很多JQuery函数,我现在无法转移(也不确定为什么,因为它说文档中的某个地方jquery内置于ember中本身)。

无论如何,启动仪表板界面的最佳方法是什么?

1 个答案:

答案 0 :(得分:0)

根据我的理解,您希望使用一些jQuery内容。我建议查看Component的didInsertElement挂钩并从那里触发自定义代码。

您可以在https://guides.emberjs.com/v2.17.0/components/the-component-lifecycle/#toc_integrating-with-third-party-libraries-with-code-didinsertelement-code

找到更多详情

一般情况下,请尝试避免使用Route中与视图相关的内容。恩伯的力量来自强大的惯例。了解放置代码的位置至关重要。