Я создаю простой селектор тем, где мои <option> элементы содержат атрибуты данных, содержащие информацию, которую мне нужно отобразить в моем шаблоне:
<option data-themeimage="/content/images/themes/default.png"
data-themedescription="A description of the default theme" value="Default">Default Theme</option>
<option data-themeimage="/content/images/themes/dark.png"
data-themedescription="A description of the dark theme" value="Dark">Dark</option>
Когда вы выбираете тему, divобновленный, содержащий предварительный просмотр темы и ее описание.
В настоящее время мне нужно сделать этот вызов, когда страница загружается (показывает детали выбранного элемента), а затем onChange.
Этовозможно с плагином jQuery Templates, чтобы связываться непосредственно со свойствами данных элемента?
Примечание: я знаю, что есть каркасы, подобные KnockoutJs для этого, но для меня это будет излишним, так как мне нужно только сделать этонесколько мест.
Вот что я сейчас делаю:
var selectTheme = function () {
var $theme = $("option:selected", $("select#Theme"));
$(".theme-details").empty();
$("#themeTemplate").tmpl($theme.data()).appendTo(".theme-details");
};
selectTheme();
$("select#Theme").change(selectTheme);