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