jquery mobile css не применяется к шаблону нокаута

Question

Я работаю над мобильным проектом jquery, и я хочу использовать нокаут, поскольку я очень хорошо понимаю mvvm и думал, что это ускорит мой проект.у меня есть view-модель с массивом элементов, и когда я создаю шаблон для этих элементов и помещаю кнопку в шаблон, он не шаблонизируется с помощью jquery mobile css.

проверьте js-скрипкуздесь: Пример JsFiddle

Мне бы хотелось, чтобы кнопки игроков получали свои стили из jquery, как кнопка внизу страницы (которой нет в шаблоне).

Это всего лишь пример, я хотел бы, чтобы его применили и к другим элементам формы, есть ли хорошее решение для этой проблемы?

Answer 1

Позвольте мне поделиться с вами некоторыми знаниями о том, как работает jQueryMobile.

Когда страница инициализируется, jQueryMobile выполняет итерации по всем узлам с атрибутами data-... и делает их мобильными элементами управления, изменяя DOM для реализации этих изменений.

Ваша кнопка находится внутри тега <script type="text/html">, поэтому jQM не может ее найти. Это связано с тем, что браузер не анализирует содержимое в теге script.

Обычный способ избежать этой проблемы - реализовать пользовательскую привязку для KO, которая инициализирует текущий узел как кнопку. Пожалуйста, проверьте мою версию вашего кода: http://jsfiddle.net/romanych/z9sbC/3/