Home / Programmazione / Javascript - AJAX / Personalizzare una select in jQuery Mobile
Mattepuffo

Personalizzare una select in jQuery Mobile

Personalizzare una select in jQuery Mobile

Di default l'aspetto di jQuery Mobile è gradevole.

Ci sono giusto alcuni componenti che potrebbero essere resi meglio, soprattutto se si apre la pagina con un browser desktop e non con un dispositivo mobile.

E' il caso del componente select, che è molto soggetto alla combinazione piattaforma-browser.

Volendo possiamo, però, renderlo più "moderno" con alcune semplici righe:

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>
            $(document).bind('mobileinit', function() {
                $.mobile.selectmenu.prototype.options.nativeMenu = false;
            });
        </script>
        <script src="//code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

Notate che le righe vanno dopo aver importato jQuery, ma prima di importare jQuery Mobile.

Tutto ciò, ha però qualche problematica.

Ad esempio non potete impostare dinamicamente la voce selezionata di default (o almeno io non sono riuscito in alcun modo).

A voi la scelta!