jquery移动自定义css与a.class:hover的问题

Question

我正在使用jquery移动框架1.0，我试图在下面的a.Grid-锚点上实现一个带有css :悬浮的渐变背景，并且似乎无法让它工作。这个锚点是而不是使用jq移动data-role="button"的。

<div data-role="content">   

    <div id="ri-grid" class="ui-grid-c">
        <div class="ui-block-a">
            <a class="grid-anchor" href="#page2" data-transistion="slide">
                <div class="ui-bar rm-box border-br">
                    <ul>
                        <li>Sample text</li>
                        <li>more ttxt...</span></li>
                        <li><div class="icon-ir"></div></li>
                    </ul>
                </div>
            </a>
        </div>...</snip>

CSS：

a.grid-anchor:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
}

*只在野生动物园使用

Answer 1

当涉及到移动框架时，你为什么要尝试使用悬浮。是否有可能通过移动或触摸屏在Hover上触发该事件？建议不要使用悬停。尝试其他一些事件，如按下鼠标或下关事件。