Есть форма, сделанная на backbone которая хорошо работает. На основе модели создается вьюха-форма, которая отслеживает изменения модели.
var model = new App.Models.Form();
var form = new App.Views.Form({
model: model
initialize: function () {
this.render();
this.model.on('change', this.setValue, this);
}
});
var config.id = 12345;
$('[data-id=' + config.id + ']').html(form.el);
вьюха примитивно вставляется в div наподобие
<div data-id="12345"></div>
задача сделать так чтобы можно было вставить несколько рабочих вьюх, например у нас одна и та же форма использоваться в лэндинге в начале и конце страницы
<div data-id="12345"></div>
<!--какие-то другие дивы-->
<div data-id="12345"></div>
Вариант ниже почему-то вставляет вьюху только в последний из дивов, точнее вставляя в следующий он вырезает его из предыдущего
$('[data-id=' + config.id + ']').each(function(){
$(this).html(form.el);
});