4

我正在尝试使用现在正在使用 zepto 框架的 emberjs 和 Foundation 4，尽管一旦我将 emberjs 包含到我的 application.js 中，基础代码就会停止工作。包含的顺序有问题吗？

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require events
//= require foundation
//= require rails.validations
//= require rails
//= require gmaps4rails/gmaps4rails.base
//= require gmaps4rails/gmaps4rails.googlemaps

//= require handlebars
//= require ember
//= require ember-data
//= require teammngt

//= require_self
TeamMngt = Ember.Application.create();
$(document).foundation();
4

1 回答 1

12

TL;博士

TeamMngt = Ember.Application.create({
  ready: function() {
    Ember.run.next(this, function(){ 
      $(document).foundation(); 
    });
  }
});

或者

创建应用程序后添加：

TeamMngt.ApplicationView = Ember.View.extend({
  didInsertElement: function() {    
    Ember.run.next(this, function(){ 
      $(document).foundation(); 
    })
  }
});

注意：将 TeamMngt 更改为您设置的任何内容= Ember.Application.create();

一些解释：

加载应用程序模板后，didInsertElement将触发事件。但是单独放置在$(document).foundation()那里是行不通的（我猜是加载/绑定的方式或其他方式）。所以我做了：

didInsertElement: function() {
  setTimeout(function() {
    $(document).foundation();
  }, 0);
}

有一个setTimeout()0ms 似乎很奇怪，所以我想有一个更好的方法。因此，导致放入$(document).foundation()里面Ember.run.next()。

致谢： Zaxnyd
参考： Ember.js Ember.View didRender 事件

于 2013-06-19T01:08:43.927 回答