Как стилизовать контент jQuery Mobile в шаблоне Knockout?

Question

Я использую KnockoutJS с jQuery Mobile.Тем не менее, кажется, что он не стилизует какой-либо контент в шаблоне, независимо от их роли данных.Я предполагаю, что это потому, что он загружает его как вызов ajax, и это произойдет после того, как jQuery Mobile выполнит свой первоначальный стиль.

Некоторые из моих шаблонов довольно тяжелые, поэтому я прочитал, что вы можете Пройдите через каждый элемент и скажите jQuery стилизовать их как их соответствующий тип, но наверняка должен быть способ заставить его просто переделывать все или страницу?

Answer 1

В зависимости от того, как скоро вам понадобится эта работа, я не буду рассчитывать на то, что form.refresh () появится в ближайшее время. Из мобильного блога jQuery

Мы работаем над некоторыми интересными дополнениями к библиотеке, включая расширенную поддержку переходов, pushState и многое другое. В ближайшее время мы планируем выпустить бета-версию 2 в течение следующих 2 недель, чтобы эти изменения кликов и другие улучшения были включены в стабильный выпуск, поэтому темпы выпусков станут намного более частыми.

Хотя возможно, что form.refresh () выйдет с бета-версией 2, это как минимум через две недели. До тех пор, ваш лучший вариант состоит в том, чтобы пройти через каждый элемент и вызвать метод стиля. Вы можете получить список стилей элементов здесь: http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/forms/plugin-eventsmethods.html Просто вызовите их без аргументов для форсирования мобильного стиля jQuery. Пример: $("input[type='number']").textinput();

Еще один метод, который будет работать (но, вероятно, его следует использовать только в качестве крайней меры), - это просто кодирование HTML-кода вашего шаблона, чтобы элементы уже стилизовались как мобильные элементы jQuery. Другими словами, весь этот html, который добавляет jQuery mobile, такой как <span class="ui-btn-inner"><span class="ui-btn-text">, поместите его в себя. Конечно, это означает, что ваши шаблоны заканчивают кучей лишних html и могут запутаться в работе, так что делайте это только в случае необходимости.

Answer 2

Я собираюсь принять предыдущий ответ, поскольку проблема, о которой я говорил, будет решена этим.

ОДНАКО! проблема, с которой я столкнулся на самом деле, заключалась в том, что у меня была ссылка на Qtip в моих включениях javascript, и по какой-то причине это приводило к тому, что добавленные элементы вводились неправильно Т.е. мои нижние панели нижнего колонтитула не получали промежутки, введенные в якоря и т. Д.

Как только я его удалил, все заработало.