Я установил данные в элемент div и добавил их к другому элементу div, подобному этому,
var dt = { id: 0 };
$.template("temp", '<div id="div2" >${id}</div>');
$.tmpl("temp", dt).appendTo("#div1");
Он работает нормально. Я добавляю его в метод готовности документа.
Мое требование: это (div2) событие щелчка, которое мне нужно для доступа к dt.
Является ли это возможным?
Вопрос 2: я установил эти данные для множества элементов. Как получить эти элементы?
Заранее спасибо.
Вы можете использовать $.tmplItem:
var dt = { id: 222, text: 'My value id 222' };
$.template("temp", '<div class="innerDiv" >${id}</div>');
$.tmpl("temp", dt).appendTo("#div1");
$(document).on('click', '.innerDiv', function() {
// gets the data item associated to the rendered template
var dataItem = $.tmplItem(this);
// dataItem.data holds the data itself
alert(dataItem.data.text);
});
Что касается второго вопроса, я не знаю, как легко получить список отрисовок определенного шаблона с помощью API.
Что вы можете сделать, так это добавить атрибут data- в разметку вашего шаблона, который позволит вам легко их извлекать:
$.template("temp", '<div id="div2" data-tmpl="temp">${id}</div>');
Затем вы можете выбрать все визуализации, у которых есть атрибут «data-tmpl» со значением «temp»:
$('[data-tmpl="temp"]')
Я обновил демо таким образом.
Может быть, есть какой-то другой способ, но я знаком с шаблоном jQuery.
