0
A
回答
1
在jQuerymobile文檔,你可以修復圖標位置的一個領域。如果你想同時顯示(左和右),需要自定義的CSS和JS。
data-iconpos="left"
data-iconpos="right"
data-iconpos="top"
data-iconpos="bottom"
0
在頭部分試試這個:
<div data-role="header">
<a href="" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
<h1>Add Contacts</h1>
<a href="" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
</div>
0
創建按鈕裏面一格,然後在左側的列中添加圖像,然後CSS樣式使其看起來是一樣的
<a data-role="button" data-transition="slide" data-theme="b" href="#"
data-icon="arrow-r" data-iconpos="right">
<div class="ui-grid-b">
<div class="ui-block-a">
<img src="image.png" class="iconleft"/>
</div>
<div class="ui-block-b">
Button
</div>
<div class="ui-block-c">
</div>
</div>
</a>
CSS:
.iconleft {
position: absolute;
top: 50%;
margin-top: -9px;
left: -5px;
width: 18px;
height: 18px;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.4);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4);
box-shadow: 0 1px 0 rgba(255,255,255,.4);
background-color: #666;
background-color: rgba(0,0,0,.4);
background-image: url(images/icons-18-white.png);
background-repeat: no-repeat;
-webkit-border-radius: 9px;
border-radius: 9px;
}
你總是可以反過來做,左邊是數據圖像,右邊是圖像,但它並不重要。
見我的工作例如here或this fiddle
相關問題
- 1. 如何在右上方顯示關閉按鈕而不是左
- 2. 如何顯示左刪除按鈕UITableViewCell
- 3. 如何在滾動時顯示左右圖標
- 4. 如何顯示圖片右上角的刪除按鈕?
- 5. RelativeLayout,對齊左/右兩個按鈕,對齊中心爲一個
- 6. 如何定位一個可滾動的DIV的左,右兩側的按鈕
- 7. 如何顯示兩個水平按鈕,並在地圖下方
- 8. 文本左對齊,右一個按鈕
- 9. 在底部創建兩個按鈕,左/右側角球
- 10. 滑動圖片右下角的Fancybox左右箭頭按鈕
- 11. 如何對齊div左右中間的2個按鈕
- 12. 如何在android的左上角和右下角左右對齊按鈕?
- 13. 顯示圖像從左到右php
- 14. 一個圖像帶有左右按鈕的動畫
- 15. 如何(左/右)連接兩個表?
- 16. 標題 - 在兩個按鈕中間顯示標題
- 17. 如何在iOs中顯示從右側到左側的視圖?
- 18. 更改切換按鈕圖標圖標在導航抽屜從右到左
- 19. 從左向右滑動切換滑塊,點擊一個顯示/隱藏按鈕
- 20. 如何在html css中顯示文字左側和右側的圖標?
- 21. 顯示從左到右
- 22. 如何顯示在jquerymobile
- 23. 如何用一個按鈕控制兩個按鈕的圖像?
- 24. 左上角和右上角的按鈕
- 25. Android,意外的按鈕左右填充
- 26. 顯示兩個表單按鈕內嵌
- 27. AlertDialog不顯示兩個按鈕
- 28. 在左右兩側放置等邊距的按鈕Android
- 29. 如何在XP樣式按鈕上顯示位圖/圖標
- 30. 顯示按鈕右側對齊下面
嗨@ppshein,我可以用兩個'數據iconpos'for相同的按鈕。你能提供更多關於自定義css和js需要的細節。謝謝。 –
您只能在一個按鈕中使用data-iconpos。 – ppshein
嗨ppshein,我用'Page2',但它不反映,我只看到左側的圖標。 –