javascript — jquery открытые диалоги по классам

У меня проблемы при открытии сгенерированных jQuery диалогов по классам.

Когда я нажимаю на кнопку, ничего не происходит.

На шаге 2 пользователя спрашивают, сколько элементов они хотят сгенерировать. На шаге 3 с помощью поста jQuery AJAX все элементы генерируются с foreach в PHP.

data-"type" не работает

В чем проблема?

Код, который я использовал до сих пор:
$ step3 [] = »;
$ j = 0;
foreach ($ elems как $ key) {
$ step3 [] = ‘ <
div class = «field half»>
‘$ К.’. установить шаблон <
/ DIV> <
div class = «editpattern» data — type = «‘. $ j.’ title = «Конфигуратор шаблонов» «>

тестовое задание

< / DIV> <
div class = «field half»>

обязательный?
«;
$ J ++;
}
$ step3 [] = ‘

$ («.pattern») .on («click», function () {
$ («.editpattern») .dialog ({

                  autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
var typeid = $(this).data("type");
$( ".editpattern[data-type="+typeid+"]" ).dialog( "open" );
});';
}
}