jQuery的移動自定義css與a.class的麻煩：懸停

我正在與jQuery的移動框架1.0和我試圖實現下面的assrid-anchor與css：懸停的漸變背景，似乎無法得到它工作。這個錨點是不是使用jq手機data-role="button"。jQuery的移動自定義css與a.class的麻煩：懸停

<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：使用Safari上

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+ */ 
}

*僅

來源

2012-01-08 Upworks

如果有測試用例需要查看，它會更容易幫助。 http://jsfiddle.net/或http://jsbin.com/ – thirtydot 2012-01-08 17:11:23

您是否將錨標籤設置爲塊元素？ – 2012-01-08 19:00:49

@Jeffrey Gilbert - 是的，它被設置爲顯示：塊。我會根據thirtydot的建議添加一個jsfiddle示例。多謝你們！ – Upworks 2012-01-08 21:09:21

當談到移動框架，爲什麼你會嘗試使用懸停。是否可以通過移動設備或觸摸屏在懸停上觸發該事件？建議不要使用懸停。嘗試一些其他活動，如Mousedown或dropdown事件。

來源

2013-02-04 13:56:02 Bala

jQuery的移動自定義css與a.class的麻煩：懸停

回答

相關問題