Binding Rivets.js before element in the DOM

Question

I have a backbone view that has render() called from its parent view returning the sub-view which is then appended to the DOM. The problem is that I can't run

rivets.bind(this.$el, {user: this.user});

within the initialize method of the subview because the element is not in the DOM yet. I would rather not have to run another method after render to bind with rivets.

Probably a simple problem but any ideas?

Answer 1

I'm using a very similar pattern of views with subviews, and Rivets 0.3.8 has had no problem binding to jQuery objects that are only inserted into the DOM some time after being bound.

My render methods look something like this:

function render() {
    this.setElement(_.template('<html>...</html>', {tem: plate}));
    rivets.bind(this.$el, {riv: ets});
    return this;
}

Then later:

myView.render();
$('#myTarget').empty();
$('#myTarget').append(myView.el);

Binding Rivets.js before element in the DOM

Question

1 answers

solution1
1 ACCPTED 2012-10-18 23:06:36

Binding Rivets.js before element in the DOM

Question

1 answers

solution1 1 ACCPTED 2012-10-18 23:06:36

solution1
1 ACCPTED 2012-10-18 23:06:36