Question

我为jquery mobile创建了自己的css swatch类（我使用主题A作为模式）。我正在使用listview：

    <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 ...有谁知道这个问题并解决这个问题？

或许我完成这个突出显示的方式不是普通的......？

[JQuery Mobile}点击突出显示的按钮不一致

0 个答案: