Chalalo Land

Tecnologías ASP.NET y un poco Más

Contacto


 Si quierer cooperar, yo feliz, muy agradecido :)

De donde me Visitan?

Locations of visitors to this page

Generic Content

Si te gustaron los articulos, y te animas te estaría muy agradecido!


Recent Posts

Tags

Community

Blogs de MVP

Amigos Geeks

Blogs Imperdibles

GODS

Archives

Email Notifications

[Tips] Algunas funciones útiles de JqueryMobile

Al grano!, es posible que queramos configurar jquerymobile para escenarios comunes. Se recomienda que estas configuraciones estén entre la referencia hacia la librería JQuery y JQueryMobile:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>

    <script type="text/javascript">

        $(document).bind("mobileinit", function () {

     

            //Configuración

         });

         </script>

         <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>

Cambiar el texto del botón volver

image El botón volver de JM lo agrega automáticamente cuando avanzamos de una página hacia otra, cargando dentro de un div . Este botón es muy útil, pero sería mejor que dijiera la palabra “Atrás”, obviamente se puede hacer buscando en la librería, pero stop!, los tipos de JM han pensado en todo

Solo debemos agregar:

 

$.mobile.page.prototype.options.backBtnText = "Atras";

y listo! tenemos el texto correctamente seteado:
image

Cambiar el texto “Loading”

Al igual que el ejemplo anterior, para cambiar el texto del mensaje “Loading” a “Cargando” o realmente lo que quieras debes agregar por ejemplo:

     $.mobile.loadingMessage = 'Cargando...';

image

Eliminar las transiciones con Ajax

Las transiciones tipo flip se ven bonitas, pero no todo los dispositivos móviles son tan rápidos en el Render al hacer una animación, es por eso ,que podemos eliminarlo con:

    $.mobile.ajaxLinksEnabled = false;           

Puedes ver más configuraciones útiles en:

 http://jquerymobile.com/demos/1.0a3/docs/api/globalconfig.html

Saludos!
Chalalo.

Posted: 4/7/2011 23:34 por Gonzalo Perez | con 7 comment(s) |
Archivado en: ,
Comparte este post:

Comentarios

Camilo ha opinado:

Buenas tardes,

estoy haciendo una pagina con jqeury mobil, pero no he encontrado como cargar datos cuando se inicie la pagina.

Por ejemplo un evento como onready de jquery

Gracias por su ayuda

# July 5, 2011 7:12 PM

Gonzalo Perez ha opinado:

Hola Camilo,

Una consulta, quieres cargar los datos dentro de otro data-role="page" verdad?

Saludos

# July 6, 2011 12:08 AM

camilo ha opinado:

Si gonzalo, lo que tengo es una pagina de login que lo envia  data-role="page", pero no se como hacer apenas entre a la pagina me llame una funcion para cargar datos

Gracias

# July 6, 2011 5:16 AM

Gonzalo Perez ha opinado:

Hola Camilo, el evento es pageshow:

$('#pagina).bind('pageshow', function() {

       console.log('Inicio Pagina');

       miFuncion();

 });

Saludos,

Gonzalo

# July 6, 2011 2:36 PM

Julio ha opinado:

Q buen post Gonzalo, podemos ver que jQuery es un excelente framework, ahora te pregunto, cuales serian los requisitos minimos que debe tener un dispositivo movil para poder aprovechar bien las features de jQueryMobile?

Gracias !

# July 6, 2011 3:31 PM

Gonzalo Perez ha opinado:

Algo de un optimus One hacia arriba, nada menos, o se ve muy lento con las animaciones,

:)

Saludos,

# July 6, 2011 5:50 PM

camilo ha opinado:

Gracias Gonzalo por la ayuda

# July 7, 2011 5:01 AM