Нарушение карусели при первоначальном перенаправлении, но работает правильно при обновлении

Question

У меня есть панель навигации с ссылкой «О». Когда вы нажимаете, он должен вызывать subnav и перенаправлять вас на «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-адрес на «/ о/философия», карусель сломан - все изображения просто укладываются друг на друга и нет движения - как и 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.