Question

我有一个带有“关于”链接的导航栏。单击时，它应该显示一个子空间并将您重定向到'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'
            }
        });
    });
   }
});

然而，当首次点击“关于”链接时，将网址更改为“/ 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');
  }
});

subnav也无法显示。

非常感谢！

Answer 1

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

轮播打破初始重定向，但在刷新时正常工作

1 个答案: