Объект зомби не удаляется методом remove() в backbone.js

Question

Я разрабатываю небольшое веб-приложение в backbone.js. В одном представлении я использую метод setInterval для обеспечения некоторого эффекта анимации. Я изменяю атрибут src тега img с интервалом в 3 с путем увеличения переменной index.

Проблема заключается в том, что при повторном входе в один и тот же вид индексная переменная увеличивается на менее чем за 3 секунды. Иногда это меньше 1 с.

Перед повторным рендерингом представления я закрываю уже существующий вид следующим кодом, чтобы избежать объекта зомби.

Мой маршрутизатор

SearchPage:

function(data) { 

    if(!directory.myview){ 

     directory.myview=new directory.SearchView({model:data}); 

    } 
else{ 

    directory.myview.close(); 
     directory.myview=new directory.SearchView({model:data}); 

    } 

    // code to append the rendered view to html page comes here 

} 

Мой Посмотреть

directory.SearchView = Backbone.View.extend({ 
render:function() { 
    this.$el.html(this.template(this.model)); 
    return this; 
}, 
close :function() 
{  
    this.unbind(); 
    this.remove(); 
    delete this.$el; 
    delete this.el; 
} 

});

Answer 1

Я подозреваю, что последовательность в вашем закрытии вызывает проблему. Вы должны удалить представление после удаления элементов ui.

close :function() 
{  
    this.unbind(); 

    delete this.$el; 
    delete this.el; 
    //remove should be last after you delete and unbind 
    this.remove(); 
} 

Answer 2

Вы можете прочитать zombies-run-managing-page-transitions-in-backbone-apps размещенные Derick Бейли. Это отличное чтение, и как только вы поймете, что подчеркивает механика, вы можете использовать backbone.marionette для управления своими взглядами.