Le réglage par défaut de sélection dans un menu en JQuery Mobile?

Je suis en train de définir la valeur par défaut de sélection dans un menu en JQuery mobile. Les docs ont ce:

   var myselect = $("select#foo");
   myselect[0].selectedIndex = 3;
   myselect.selectmenu("refresh");

Laquelle j'ai ajouté juste en dessous où j'ai créer le menu, mais quand je lance le code, j'obtiens cette erreur:

jeter "ne peut pas appeler des méthodes sur" + nom + ", avant de l'initialisation; " +
"a tenté d'appeler la méthode "" + options + "'";

Ne savez pas quoi faire à ce point...

Le problème est que vous êtes à la manipulation d'objets qui n'existent pas encore. A l'modifiés exemple que j'ai fourni (reliure du code de la pagecreate même de la page qui les contient) résoudre votre erreur?

OriginalL'auteur tweetypi | 2011-06-08

  1. 7

    Vous essayez de manipuler les objets DOM avec javascript qui n'ont pas encore chargé. Déplacer le javascript passé le formulaire que vous essayez de les manipuler, ou plus, votre code dans une fonction qui s'exécute sur le document de charge.

    Par exemple: 

    $('#PAGE').live('pagecreate',function(event){
    var myselect = $("select#foo");
    myselect[0].selectedIndex = 3;
    myselect.selectmenu("refresh");
});

    où PAGE est l'id de la page que vous êtes en train de charger qui contient le menu que vous souhaitez manipuler.

    EDIT:

    J'ai mis à jour l'exemple d'utiliser le JQuery Mobile pagecreate de l'événement basé sur jinyuan commentaire concernant JQuery Mobile événements.

    document.prêt ne fonctionne pas pour jqm. utiliser .live() pour lier des événements tels que "pageshow,pagehide" vérifier la démo pour la liste des événements. jquerymobile.com/test/#/test/docs/api/events.html
    Merci pour la clarification
    la position de la JS liées à markup vous en dit très peu, presque rien sur lorsque ceux-ci sont "en direct"

    OriginalL'auteur ironchefpython

  2. 2

    Comme fonction jQuery:

    $.fn.jqmSelectedIndex = function(index){
    var self = $(this)
    self
        .prop('selectedIndex', index)
    .selectmenu("refresh");

    return self;
}

$("select#foo").jqmSelectedIndex(3);

    Ce n'est pas validée mais fonctionne.

    OriginalL'auteur Renzo Castro

  3. 1

    il fonctionne. peut-être que vous voudrez peut-être fournir plus de détails.

    http://jsbin.com/ekayu3/2

    OriginalL'auteur root