[JQuery Mobile} Подсветка кнопок при нажатии не соответствует - PullRequest
0 голосов
/ 30 августа 2011

Я создал свой собственный класс css swatch для jquery mobile (я использовал тему A в качестве шаблона). Я использую список:

    <ul data-role="listview" data-theme="p" >
        <li> 
            <a href="3d.html" data-transition="slide">
            3D
            </a>
        </li>
        <li>
            <a href="smarttv.html" data-transition="slide">
            Smart TV & Multiview
            </a>
        </li>
        <li>
            <a href="ambilight.html" data-transition="slide">
            Ambilight
            </a>
        </li>
        <li> 
            <a href="219.html" data-transition="slide">
            21:9
            </a>
        </li>
    </ul>

Чтобы выполнить выделение, я изменил фон классов .ui-btn-down-p и .ui-btn-hover-p:

.ui-btn-down-p {
    //...
    background-image:-moz-linear-gradient(top, #01a4b7, #0f4c55);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #0f4c55), color-stop(1, #01a4b7));
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#0f4c55', EndColorStr='#01a4b7')";
}
.ui-btn-hover-p {
    //...
    background-image:-moz-linear-gradient(top, #01a4b7, #0f4c55);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #0f4c55), color-stop(1, #01a4b7));
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#0f4c55', EndColorStr='#01a4b7')";
}

Я тестирую с iPhone. Он работает нормально в первый раз, но потом (переход на страницу со ссылками и возвращение) он работает, только если я нажимаю непосредственно на ссылку. Нажав на li, он меняет страницу, не выделяя кнопку. Я предполагаю, что к тому времени страница каким-то образом предварительно загружена, и страница переключается слишком быстро, чтобы показать выделение, но при повторном нажатии на ссылку она перераспределяет страницу.

Но класс кнопок назначен для li, поэтому он должен работать только для li ... Кто-нибудь знает эту проблему и решение этой проблемы?

Или, может быть, мой способ подсветки отличается от обычного ...?

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