0

我有一个带有“关于”链接的导航栏。单击它时，它应该会弹出一个子导航并将您重定向到“about.philosophy”而不是“about.index”，它确实如此。

我在 about.hbs 模板上渲染了一个轮播部分：

<div class="row about-bg">
    {{partial 'about/about-carousel'}}
</div>
{{outlet}}

这是在 AboutView 中被解雇的：

Ew.AboutView = Ember.View.extend({
  didInsertElement : function(){
    $(window).load(function() {
        $("#about-carousel").carouFredSel({
            responsive: true,
            width: "100%",
            height: 'variable',
            items: {
            height: 'variable'
            }
        });
    });
   }
});

但是，当第一次单击“关于”链接时，将 url 更改为“/about/philosophy”，轮播被破坏了——所有的图像只是相互堆叠，没有移动——就像 js 不是一样被发现什么的。但是，只要我在浏览器上点击刷新，轮播就会很好地呈现。一定是重定向破坏了它，因为当 ember 没有触发重定向时，它在刷新时可以正常工作。

重定向功能以及 subnav 渲染代码在 AboutIndexRoute 中：

Ew.AboutIndexRoute = Ember.Route.extend({
  activate: function(){
    this.controllerFor('application').set('renderAboutSubNav', true);
  },
  deactivate: function(){
    this.controllerFor('application').set('renderAboutSubNav', false);
  },
  redirect: function(){
    this.transitionTo('about.philosophy');
  }
});

子导航也无法显示。

非常感谢！

4

1 回答 1

0

从您的方法中删除$(window).load(function() {});包装器。didInsertElement

于 2013-09-24T19:41:59.103 回答