jQuery Mobile nudo i miei di id

Question

sto appena iniziando a utilizzare jQuery Mobile.

Quando ho goccia jQuery js mobili e css in una pagina jQuery lavoro, jQuery Mobile sembra essere spogliarsi di mio id personalizzato e la rottura l'esempio. Esiste un 'jQuery Mobile' modo di fare questo?

$(document).ready(function() {

            // ----
            $('#btnGPSDefault').click(function() {
                alert("!");
                getPosition('');
            });

            // ----
            $('#btnGPSHigh').click(function() {
                getPosition('{enableHighAccuracy : true}');
            });   
      });



<button id="btnGPSDefault">Get Coordinates (default settings)</button>
<button id="btnGPSHigh">Get Coordinates (high accuracy)</button>

Answer 1

avrei dovuto vedere il problema io stesso, ma posso immaginare che quando si utilizzano i pulsanti e jQuery Mobile - un sacco di cose che succedono. I pulsanti visualizzati come quelle belle e arrotondate. Questo è fatto con markup aggiuntivo.

Provare a utilizzare Firebug per vedere se i pulsanti sono più lì - è possibile che sono stati sostituiti con quelli buoni guardando quelli. E anche se ci sono -. Che potrebbe non essere la stessa nodi DOM

Prova il seguente:

1. aggiungere allo script window.hook=$('#btnGPSDefault');
2. dopo l'aggiornamento della pagina window.hook scrivere in console Firebug, premere invio e fare clic su quello che si presenta (se non è vuoto)

Si dovrebbe mostrare dove il nodo è se esiste ancora.

Se jQuery Mobile veramente scombina in su -. Si tratta di un bug

suppongo si può lavorare intorno ad esso utilizzando <a class="button" invece di <button

Answer 2

Se si aggiunge un data-role = "none" all'elemento tasto si utilizza, jQuery Mobile non sarà segnare in su. Dai un'occhiata a questo per ulteriori informazioni: http://jquerymobile.com/test/docs/ forme / docs-Forms.html

Questa è una cosa che ho usato:

 <input type="button" data-role="none" class="flip ui-btn-corner-all ui-shadow" value="+" style="font-size: 300%; background-color: green; color: white; " />   

Come si può vedere dalla "classe", ho tirato in alcune delle css jquery cellulare alla guida attorno al pulsante.

Non sono sicuro di ciò che stai cercando di fare, ma potrebbe anche essere necessario per ajaxForms disabilitare / Links per l'accesso al seguente JS prima di caricare i telefoni JS jQuery:

$ (document) .bind ( "mobileinit", function () { $ .Extend ($ .mobile, { ajaxFormsEnabled: false, ajaxLinksEnabled: false ); });

Per ulteriori informazioni:

http://jquerymobile.com/test/docs/api/globalconfig.html