Menu déroulant en utilisant jquery

Question

J'utilise Phonegap et je suis nouveau à la fois phonegap ainsi que jquery. J'avais besoin de savoir si je pouvais avoir un bouton déroulant en utilisant jquery. Apprécier ton aide.

$(document).ready(function(){ 
       
         $('.down-list').width($('.dropdown-menu').width()-2); 
       
         $('.dropdown-menu').hover(
           function() { 
             $('.menu-first', this).addClass('slide-down'); 
             $('.down-list', this).slideDown(100); 
           }, 
           function() { 
             obj = this; 
             $('.down-list', this).slideUp(100, function(){ $('.menu-first', obj).removeClass('slide-down'); }); 
           } 
        ); 
       
     }); 

ce code ne semble pas fonctionner. Cela me donne juste le texte sur l'émulateur Android. Aucune suggestion?

Merci beaucoup à l'avance.

Answer 1

Avez-vous résolu le problème? Sinon, vous devriez utiliser jquery mobile et pourquoi voulez-vous utiliser jquery pour créer une liste déroulante? Je suppose que vous voulez "embellir" la liste déroulante? Une autre option consiste à regarder les listes déroulantes basées sur html5 et css3 car celles-ci seront accélérées matériellement; selon jquery trop ne fera fonctionner votre application plus lente car il est exécuté à l'intérieur d'un navigateur (PhoneGap)

Mise à jour:

De son expérience personnelle, je me suis rendu compte que vous devriez regarder dans les micro cadres comme Zepto ou XUI ou jqMobi. J'ai personnellement utilisé Zepto et j'ai remarqué des améliorations significatives en termes de performances par rapport à jQM et jQ. Tous les frameworks que je viens de mentionner utilisent la syntaxe de style jQ, donc le portage vers eux ne sera pas un problème.

J'ai blogué sur PhoneGap (maintenant Cordova) au http://codejournal.wordpress.com/2012/02/19/what-i-can-use-htmljavascriptcss-for-native-mobile-apps/. J'ai blogué sur d'autres choses utiles pour mobile que vous pouvez utiliser.

Answer 2

Modifié: Je ne suis pas sûr que cela fonctionnera pour vous, mais je l'ai trouvé ce lien Creating Dropdown menu Using JQuery peut vous aider.