Remove and unbind subviews in Backbone

I am using Backbone 1.1.2 and I found that some weird behaviour of my app was probably due to zombieviews. I read the "Run! Zombies!" article from Derick Bailey but found out later that this was written for an older version of Backbone (0.9 if I am correct).

Then I found that for the newer Backbone version it was enough to do a .remove() on views to kill them properly (because the events bound with ListenTo would automatically be removed by a call to StopListening).

In my app I have a global view that at some point creates two subviews. When clicking a reset button (within the global view) these views should be rerendered (but probably first removed/unbound to prevent zombieviews).

So what I did was appending the subviews to a list that was accessible by the global view. In the initialize function:

this._views = []; // empty list

and when rendering the subviews I added them to the list

v = new app.gameView();
this._views.push(v);

Just before rerendering the subviews I call a function cleanUp that loops through the list of subviews and does a .remove() followed by an .unbind() for each subview:

_.each(this._views, function(view){
    this.remove();
    this.unbind();
});
this._views = []; // empty the list for next use

My question is twofold:

1. Is calling .remove and .unbind enough to prevent zombieviews?


2. Is adding the subviews to a list within the global view the proper way of doing this?

Any thoughts are appreciated!