Tutorial #51 del curso de Jquery, en este tutorial veremos como crear listas utilizando el atributo data-listview, además de de poder personalizar estas listas.
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>JQuery - Mobile - Listas</title> <link href="jquery-mobile/jquery.mobile-1.4.5.min.css" rel="stylesheet"> </head> <body> <div data-role="page"> <div data-role="header"> <h2>jquery mobile</h2> </div> <div data-role="content"> <ul data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Buscar Curso"> <li><a href="#">Cursos php</a></li> <li><a href="#"><img src="img/album-p.jpg" alt=""> <h2>Título</h2> <p>texto ejemplo</p> </a></li> <li>Cursos java script <span class="ui-li-count">45</span></li> <li>Cursos jquery <span class="ui-li-aside">1000</span></li> </ul> </div> <div data-role="footer" class="ui-bar"> <h2>Cursos de Jquery 2015</h2> </div> <script src="js/jquery-2.1.3.min.js"></script> <script src="jquery-mobile/jquery.mobile-1.4.5.min.js"></script> </body> </html>