Question

I am making an application where the user should be able to click on an element, then that same element must be rendered inside another HTML division. The problem is, that the behaviour of the clicking event is chaotic and the result does not go as expected.

I am doing this with backbone.js models, collections and views. Any ideas on how could this be fixed for a proper behaviour?

Here is the code I am trying to get to work: http://jsfiddle.net/rpKbM/

Answer 1

The problem is that you’re passing the el instance when you’re creating your new canvas. Try the following and should work as expected (it will create a new element instead of moving the current one):

canvas.click(function() {
  var newview = new BoxView({
    tagName: 'canvas', //Instead of el: canvas
    model: model
  });
$("#new").html(newview.render());
});

And here is a corrected and working jsfiddle