Estoy utilizando jQ mobile por primera vez para utilizar el evento swipe y crear interacciones al arrastrar el dedo por la pantalla, y funciona bien. El problema es que jQ mobile crea elementos por su cuenta (sin preguntarme ).
En un formulario, yo escribo este código
Código HTML :
<button id="boton_envio">enviar mensaje</button>
y al ver el código en un navegador aparece todo esto
Código HTML :
<div data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c" data-disabled="false" class="ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all" aria-disabled="false"> <span class="ui-btn-inner"> <span class="ui-btn-text">enviar mensaje</span> </span> <button id="boton_envio" class="ui-btn-hidden" data-disabled="false">enviar mensaje</button> </div>
Lo peor de todo es que crea un span con el nombre del campo button, por lo que me descoloca todo el diseño.
¿Alguna idea para que no cree elementos por su cuenta?
Estoy utilizando estos scripts para cargar jquery y jquery.mobile
Código HTML :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> <script src="js/vendor/jquery.mobile-1.3.2.min.js"></script>
Por cierto, si pongo el script de jquery.mobile antes que el de jquery-1.9.1, no funciona, ¿por qué?
Saludos