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

Carousel breaking on initial redirect, but works properly on refresh

本文关键字：刷新 工作 中断 重定向      更新时间：2023-09-26

我有一个带有"关于"链接的导航栏。单击时，它应该会弹出一个子导航，并将您重定向到"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 未触发重定向时，它在刷新时工作正常。

重定向函数以及子导航呈现代码位于 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');
  }
});

子导航也无法显示。

非常感谢！

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

相关文章：