جی کوئری موبایل-مرجع آیکن ها

آیکن های جی کوئری

برای اینکه در جی کوئری موبایل، به عناصر <a> و <button> آیکن اضافه کنید، از کلاس آیکن مورد نظر استفاده کنید و آیکن مورد نظر را مانند زیر، مکان دهی کنید( تنها استثناها نوارهای هدایتی هستند):

<a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left">Refresh Page</a>

<button class="ui-btn ui-icon-refresh ui-btn-icon-left">Refresh Page</button>

برای اضافه کردن یک آیکن به دکمه های <input> می توانید از خصوصیت data-icon استفاده کنید: 

<input type="button" value="Refresh page" data-icon="refresh">

برای اضافه کردن یک آیکن به دکمه های هدایتی(navbar)، از خصوصیت data-icon استفاده کنید: 

<a href="#anylink" data-icon="refresh">Refresh Page</a>

برای اضافه کردن یک آیکن به دکمه های لیست، از خصوصیت data-icon در عناصر <li> استفاده کنید: 

<li data-icon="refresh"><a href="#">Click me</a></li>

در لیست زیر، ما تمام آیکن های امکان پذیر را برای جی کوئری موبایل، قرار داده ایم: