Вопрос по jquery-mobile – Как остановить JQM от стилизации страницы?

12

У меня есть приложение JQM с одной конкретной страницей, которую я не хочу стилизовать.

Все, что я нашел, так этоdata-role='none' - но я не хочу применять это к каждому элементу на странице ... Есть ли способ отключить это только для этой страницы?

Ваш Ответ

2   ответа
4

ВотВы также можете использовать официальный,Безсмысленная версия CSS построен специально, чтобы позволить дизайн пользовательской темы.

По моему опыту, используя такие хаки, какdata-enhance="false" а такжеdata-role="none" часто ломает вещи со структурным, нетематическим CSS также.

С помощью этого метода вы сможете сохранить все базовые функциональные возможности jQuery Mobile, вам не придется постоянно бороться с хаки и переопределениями, и вы получите более легкий CSS в качестве бонуса.

Error: User Rate Limit Exceeded
15

Ты можешь использоватьdata-enhance="false" в сочетании с$.mobile.ignoreContentEnabled=true чтобы остановить автоматическое улучшение, которое jQuery Mobile делает для псевдостраницы:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
$(document).on('mobileinit', function () {
    $.mobile.ignoreContentEnabled = true;
});
</script>
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>

<div data-enhance="false" data-role="page">
    ...
</div>​

Причина, по которой вы должны изменитьignoreContentEnabled Это связано с тем, что процесс поиска родительских элементов для поискаdata-attribute, так что по умолчанию это отключено.

Вот демо:http://jsfiddle.net/ZtJyL/1/

Похожие вопросы