jQuery Mobile Filters 小參考教學 | 香港網頁設計公司 iPro-D

jQuery Mobile Filters 小參考教學

前文提到,jQuery Mobile 能像 html 可以簡單地管理和生成 jQuery Mobile List Views ,輕鬆和簡潔地展示點列的資訊清單內容。而當點列的資訊清單內容眾多時,程式編寫員更可以透過jQuery Mobile Filters給點列清單提供易用的搜尋、隱藏等基礎資料庫管理功能。

jQuery Mobile Filters做法會分為兩段程式碼:

首先需建立一個class="ui-filterable"的表單form,表單form中需有一個文字輸入列作資訊搜尋之用,例如 input id="thisFilter" data-type="search"

第二段程式碼就是jQuery Mobile Filters,在 ul 中加上 data-filter="true" data-input="#thisFilter",然後用li逐項鍵入資料便可以做到一個簡單的jQuery Mobile Filters了!

jQuery Mobile Filters 給了手機應用程式mobile apps開發很好的資料點列展示/隱藏/搜尋管理。


立即聯絡我們