Question

This is killing me, being reading the examples on this site but can’t figure out why it works like this.
I want to pass back values to my view, which has buttons that you can use to change the values.
If I use the following

   this.$el.empty().html(view.el)

View.el contains the correct html, but those not render on the screen. If I use the following

    $("#handicap").html( view.el);

The values get displayed on screen but the events no longer get picked up eventhough if I put an onclick function in the html code it kicks off.

Ideally I would like to get this.$el.empty().html(view.el) working. It has to do with context but can’t see why.

I have created a jsbin here http://jsbin.com/iritex/1/edit

If I have to use $(“#handicap”).html( view.el), do I need to do something special to unbind events. I have tried undelegate everything but that didn’t do the trick either.

thanks

Answer 1

You need to put both views into the DOM. Wherever you create the view that above is this needs to be inserted into the DOM. If you do that, then the first line will work fine this.$el.empty().html(view.el).