自定義列表視圖項目的UI圖標箭頭

我想使用我自己的箭頭圖像列表視圖中的項目。在哪裏以及如何更改jquery mobile默認的灰色圓圈箭頭？我應該重寫jQuery css類嗎？我正在使用jquery-mobile 1.1.0RC。有列表項我的html代碼：自定義列表視圖項目的UI圖標箭頭

 <ul data-role="listview" id="list_id"> </ul>

而且還有我的javascript代碼，有我在動態添加列表項：

var ap = "<li data-corners=\"false\" data-shadow=\"false\" data-iconshadow=\"true\" data-inline=\"false\" data-wrapperels=\"div\" data-icon=\"images/next.png\" data-iconpos=\"right\" data-theme=\"a\" class=\"ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-thumb ui-btn-up-c\"><div class=\"ui-btn-inner ui-li\"><div class=\"ui-btn-text\"><a href=\"index.html\" class=\"ui-link-inherit\">"+ 
    "<img src=\"test_thumb.jpg\" class=\"ui-li-thumb\">"+ 
"<h3 class=\"ui-li-heading\">Big text</h3>"+ 
"<p class=\"ui-li-desc\">Smaller text</p>"+ 
"</a></div><span class=\"ui-icon ui-icon-arrow-r ui-icon-shadow\">&nbsp;</span</div</li>"; 

$('#list_id').append(ap); 
$('#list_id').listview('refresh');

正如你可以看到我已經試圖改變數據 - 圖標屬性到我自己的圖像源，但它不起作用。對不起，如果問題太明顯，我是新手在CSS和jQuery框架，所以任何幫助將不勝感激。謝謝！

來源

2012-03-26 Mario

您可以創建一個新的類，使用您的自定義圖像並將其應用於移動網站中將使用它的所有元素。

或者替換jQuery圖標圖片本身，我相信他們在一個名爲的圖片。

如果你之後仍停留，嘗試閱讀本easy to follow tutorial安迪·馬修斯。:)

來源

2012-03-26 07:53:44 Kyle

+1教程 – SKT 2012-11-26 13:32:59

要使用自定義圖標，指定具有唯一的名稱像MYAPP的電子郵件數據圖標值按鈕插件將生成一個前綴ui-icon-到數據圖標值並將其應用於按鈕： ui-icon-myapp-email。

然後，您可以在樣式表中編寫一個CSS規則，該規則的目標是使用ui-icon-myapp-email類指定圖標背景源。至保持與其他圖標的視覺一致性，創建一個白色圖標18x18像素保存爲具有alpha透明度的PNG-8。

在這個例子中，我們只是指着一個獨立的圖標圖像，但你可以很容易地使用圖標精靈，並指定定位代替，就像我們在框架使用的圖標精靈。
.ui-icon-myapp-email { 
    background-image: url("app-icon-email.png"); 
} 

呀看看我的複製和粘貼技巧。 http://jquerymobile.com/test/docs/buttons/buttons-icons.html

來源

2012-03-26 08:12:12 codaniel

自定義列表視圖項目的UI圖標箭頭

回答

相關問題