jQuery Mobile提供了小標簽作為一種簡單易用的用戶界面元素。小標簽可以顯示單個文字、數字或圖標,非常適用于放在標題、菜單項、按鈕等位置。
<div data-role="header"> <h1>首頁</h1> <a href="#" data-icon="delete" data-iconpos="notext">刪除</a> <a href="#" data-icon="gear" data-iconpos="notext">設置</a> </div>
在上面的例子中,我們使用了data-role="header"定義了頁面頂部的標題欄,其中包含兩個小標簽用于刪除和設置操作。使用data-icon屬性可以指定小標簽的圖標,而data-iconpos屬性則可以指定圖標顯示的位置。
<div data-role="footer"> <h4>版權所有 ? 2019</h4> </div>
另外,小標簽也可以用于頁腳信息的顯示,如上面的例子中,我們在data-role="footer"中使用了一個小標簽作為版權信息的顯示,非常簡潔而實用。
總之,jQuery Mobile的小標簽提供了一種優雅而實用的界面元素,可以幫助我們構建出更加優秀的移動應用。