Как правильно создавать dom на jquery?

Question

[fatedupi]

Подскажите, как правильно создавать html структуры?
Есть код типа такого:

var columns = ['a', 'b', 'c'];

var $columns = $('<div/>');
columns.forEach(function(column) {
	var $column = $('<select/>').addClass(column);
	$column.selectize(); //Вот тут проблема
	$columns.append($column);
});

$('#containter').append($columns);

Все вроде хорошо, но при таком методе многие jQuery плагины, тот-же selectize.js не отрабатывают.
Видимо им надо что-бы элемент, на который они вешаются, уже был отрендерен, но в данном случае от рендерится только после "$('#containter').append($columns);"

Как с этим быть?

Спасибо!

Answer 1

[Yustas Alexu]

Попробуйте так:

var classes = ['a', 'b', 'c'];

var $columns = $('<div/>');
classes.forEach(function(cls) {
  var $column = $('<select/>').addClass(cls);
  $columns.append($column);
  $column.selectize();
});

$('#containter').append($columns);

Я переименовал одну переменную, для читабельности. А то у вас одни columns там.
Хотя я бы сделал как-то так:

var classes = ['a', 'b', 'c'];

var $wrapper = $('<div/>');
classes.forEach(function(cls) {
  var $column = $('<select/>').addClass(cls);
  $wrapper.append($column);
});
$('#containter').append($wrapper);
$wrapper.children().selectize();

Должно сработать.

Comments

[fatedupi]

К сожалению тут от перестановки мест слагаемых ничего не меняется. Вот если-бы $column.selectize(); был после $('#containter').append($columns); то все бы заработало, но это не удобно как-то делать

[Yustas Alexu]

fatedupi: Я обновил ответ.

[fatedupi]

видимо так и придется делать, неудобно, блин :-)
в массиве куча параметров, включая функции внутри которых сажаю различные плагины, так-что по сути приходится 2 цикла делать - один на рендер, второй на применение этих параметров

[Yustas Alexu]

Yustas Alexu: Кстати selectize не работает, потому что wrapper еще не вставлен в DOM.

[Yustas Alexu]

fatedupi: Я имею в виду первый пример.

[fatedupi]

Yustas Alexu: ага, я понял это уже :-( кстати, некоторые плагины нормально работают в такой ситуации