Наличие разных стилей тела при использовании jquery mobile - PullRequest
1 голос
/ 02 ноября 2011

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

Однако я создал несколько пользовательских стилей для тега body, которые я включаю взаголовок, например:

<body class="<? echo $page;?>">

В зависимости от страницы, я вставляю другой класс, который загружает другой фон, чтобы сохранить интерес.

Если я нажимаю на ссылку, однакочтобы перейти на эту новую страницу, кажется, что я не вижу этого класса в силе, пока я не обновлю всю страницу и она не будет вынуждена перезагрузить все.

Вопрос в том, как сделать так, чтобы при нажатии кнопкиссылка это на самом деле будет применять этот класс?Мне интересно, нужно ли мне сделать так, чтобы кнопки фактически добавляли класс к телу, то есть:

$('insert-button-name').click(function(){

    $('body').addClass('insert-page-class');

});

Думаю, я пытаюсь выяснить, какой способ это сделатьоставаясь в рамках совместимости мобильного телефона, способ делать вещи.Я знаю, что jquery, который я там сделал, будет работать для обычных браузеров.

Cheers

1 Ответ

1 голос
/ 02 ноября 2011

Просто укажите идентификатор для каждой из data-role = "page". Затем в вашем CSS просто укажите правила, такие как ...

#home{  background-color:#FF0000; }
#login{ background-color:#00FF00; }

Это дает вам центральный, не программируемый, с возможностью горячей замены и кэширования способ управления изменениями цвета. Манипулирование DOM является дорогим с точки зрения производительности, поэтому это также будет более быстрым решением

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...