2015-04-20 33 views
-1

如何設置jquery mobile默認使用替代圖標(黑色)?默認情況下Jquery Mobile的替代圖標?

使用的標記語言,你可以使用ui-alt-icon做到這一點:

<a href="index.html" class="ui-alt-icon ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-left">Alt icon</a> 
<a href="index.html" class="ui-alt-icon ui-btn ui-shadow ui-corner-all ui-btn-b ui-icon-delete ui-btn-icon-left">Alt icon</a> 

是否有可能做到這一點對所有的按鈕而無需分別增加UI-ALT-圖標,每個圖標?我正在尋找覆蓋全球的JavaScript設置。

回答

5

ui-alt-icon類添加到<body>標記。

8

全局設置是運行在網頁上這個jQuery,正在加載jQuery Mobile的腳本:

$('body').addClass('ui-alt-icon'); 
如果你想只有部分有備用的圖標則元素的部分或父

阻止要受影響,則運行所有UI按鈕的

$('.ui-btn').addClass('ui-alt-icon'); 

或用id元素ElementID

$('#ElementID').addClass('ui-alt-icon'); 

顯然所有的jquery命令都需要在DOM加載後加入腳本標記中。

0

JavaScript的方式可能會導致按鈕之間的不一致,因爲jQuery手機執行大量的動態DOM更新。

大多數的按鈕樣式是從jQuery的移動精靈繪製像here。一個簡單的方法來完成這個只是切換你的精靈。