ember.js - 如何将轮播添加到 ember 站点

Question

我想添加一个轮播，最好是 caroufredsel http://caroufredsel.dev7studios.com/到 ember 网站上的一些模板/路线。我想知道最好的方法是什么？

触发您想要滑动的项目所需要的只是以下 jQuery 函数：

$(document).ready(function() {
    $("#foo1").carouFredSel();
});

您认为在应用程序中放置此内容的最佳位置是哪里？

Answer 1

最好的地方是View为将有轮播的模板创建自定义。didInsertElement一旦轮播在文档中的标记，然后使用钩子初始化小部件。在从文档中删除标记之前，您还可以使用willDestroyElement钩子拆除轮播。

所以，假设你有一条/carousel路线，然后你把它作为你的'carousel'模板。

<div id="foo1">
    <!-- Other carousel markup goes here-->
</div>

然后你会创建一个View这样的。

App.CarouselView = Ember.View.extend({
  didInsertElement : function(){
    $("#foo1").carousel();
  },
  willDestroyElement : function(){
    $("#foo1").trigger("destroy");
  }
});