javascript - バックボーンビューが正しくレンダリングされない

Question

ユーザーが要素をクリックできるようにするアプリケーションを作成しています。その場合、同じ要素を別のHTML部門内にレンダリングする必要があります。問題は、クリックイベントの動作が無秩序であり、結果が期待どおりに進まないことです。

私はbackbone.jsモデル、コレクション、ビューでこれを行っています。適切な動作のためにこれをどのように修正できるかについてのアイデアはありますか？

これが私が動かそうとしているコードです：http：//jsfiddle.net/rpKbM/

Answer 1

el問題は、新しいを作成するときにインスタンスを渡すことですcanvas。次のことを試してください。期待どおりに機能するはずです（現在の要素を移動する代わりに、新しい要素が作成されます）。

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

そして、これが修正されて機能しているjsfiddleです