Senin, Januari 21, 2019

jQuery Mobile (10): Membuat Daftar Menggunakan List View

jQuery Mobile Tutorial Web

Tambahkan Link

Untuk menambahkan link, caranya sama dengan membuat link HTML. Contoh penggunaannya seperti ini <li><a href="https://www.banghaji.com/category/adminer/">jQuery Mobile</a></li>.

Oke, latihan selanjutnya kita save-as dari latihan sebelumnya tadi menjadi jqm_listview_link.html. Modifikasi kodenya sehingga menjadi seperti ini.

<html>
<head>
   <title>Membuat List View Menggunakan Link</title>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <link rel="stylesheet" href="jquery.mobile-1.4.5.min.css" />
   <script src="jquery-1.11.1.min.js"></script>
   <script src="jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page">
   <header data-role="header" data-position="fixed">
      <h1>List View</h1>
   </header>
 
   <div data-role="content">
      <p>Kategori Tulisan BangHaji DotCom dilengkapi dengan link, perhatikan bedanya dengan latihan sebelumnya ^_^</p>
      <ul data-role="listview" data-inset="true">
         <li><a href="https://www.banghaji.com/category/adminer/">Adminer</a></li>
         <li><a href="https://www.banghaji.com/category/adminer/">Android Studio</a></li>
         <li><a href="https://www.banghaji.com/category/adminer/">CSS</a></li>
         <li><a href="https://www.banghaji.com/category/adminer/">HTML</a></li>
         <li><a href="https://www.banghaji.com/category/adminer/">Tutorial</a></li>
         <li><a href="https://www.banghaji.com/category/adminer/">Database</a></li>
         <li><a href="https://www.banghaji.com/category/adminer/">Domain & Hosting</a></li>
         <li><a href="https://www.banghaji.com/category/adminer/">jQuery Mobile</a></li>
         <li><a href="https://www.banghaji.com/category/adminer/">Kode Praktis</a></li>
         <li><a href="https://www.banghaji.com/category/adminer/">Video</a></li>
      </ul>
   </div>
   <footer data-role="footer" data-position="fixed">
      <h2>BangHaji DotCom</h2>
   </footer>
</div>
</body>
</html>

Hasilnya begini, sama kah? 😎

List View jQuery Mobile With Link

Mau ditmabah lagi, oke lanjutkan…

← Sebelumnya Selanjutnya →

Halaman : 1 2 3

Mari sebarkan manfaat kepada orang lain...

2 thoughts on “jQuery Mobile (10): Membuat Daftar Menggunakan List View

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *