Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.
<ul data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="txt a buscar">
<li><a href="#">List item 1</a></li>
<li><a href="#">List item 2</a></li>
<li><a href="#">List item 3</a></li>
<li data-role="divider">Divisor</li>
<li><a href="#">List item con burbuja contadora
<span class="ui-li-count">15</span>
</a>
</li>
<li><a href="#"><img src="images/logoNegroAjustado.png" class="ui-li-icon"></a>
</li>
<li data-role="list-divider">Divisor</li>
<li><a href="#"><img src="images/logoNegroAjustado.png" ></a></li>
<li><a href="#" data-rel="back" class="ui-btn"> Volver</a>
</ul>- Este atributo hace que la lista no ocupe el 100% del ancho de la pantalla.
- Botón para ir hace atrás.
- Para dar al enlace apariencia de botón
Tener en cuenta que al poner una imagen en una lista, si es un icon, se espera que sea de 16x16px o de 80x80px.
Listas en jQuery Mobile
- List item 1
- List item 2
- List item 3
- Divisor
- List item con burbuja contadora 15
- Divisor
- Volver
Ejercicio listas
Hacer el ejercicio del enlace completando totalmente la sección de monociclos, tal como se indica.
No olvidar ubicar los botones de retroceso.
Tienda malabares
- Malabares de lanzar
Pelotas
Mazas
Diábolos
Cariocas
Aros- Equilibrio
Monociclos
Cuerda
floja
- Otros malabares
Yo-Yos
Platos
Chinos
Hula
Hoops
Tipos de monociclos
Monociclos Iniciación
Monociclos Largas distancias
Monociclo
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius ratione beatae officia odit quia placeat mollitia eos quam voluptas quo perspiciatis enim numquam dolor assumenda, suscipit ullam, similique labore asperiores!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius ratione beatae officia odit quia placeat mollitia eos quam voluptas quo perspiciatis enim numquam dolor assumenda, suscipit ullam, similique labore asperiores!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius ratione beatae officia odit quia placeat mollitia eos quam voluptas quo perspiciatis enim numquam dolor assumenda, suscipit ullam, similique labore asperiores!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius ratione beatae officia odit quia placeat mollitia eos quam voluptas quo perspiciatis enim numquam dolor assumenda, suscipit ullam, similique labore asperiores!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius ratione beatae officia odit quia placeat mollitia eos quam voluptas quo perspiciatis enim numquam dolor assumenda, suscipit ullam, similique labore asperiores!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius ratione beatae officia odit quia placeat mollitia eos quam voluptas quo perspiciatis enim numquam dolor assumenda, suscipit ullam, similique labore asperiores!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius ratione beatae officia odit quia placeat mollitia eos quam voluptas quo perspiciatis enim numquam dolor assumenda, suscipit ullam, similique labore asperiores!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius ratione beatae officia odit quia placeat mollitia eos quam voluptas quo perspiciatis enim numquam dolor assumenda, suscipit ullam, similique labore asperiores!
VolverAccordion
Para cambiar el icono que se muestra en el acordeo, usaremos el atributo data-collapsed-icon
Para cambiar los estilos del encabezado:
.ui-collapsible-heading-toggle{background: salmon !important}
<div data-role="collapsible-set">
<div data-role="collapsible" data-collapsed="false">
<h4>Section 1</h4>
<p>I'm the collapsible set content for section 1.</p>
</div>
<div data-role="collapsible">
<h4>Section 2</h4>
<p>I'm the collapsible set content for section 2.</p>
</div>
</div>