骨干视图无法正确呈现

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