jQjuery Mobile - Sélectionnez Ne fonctionne pas

J'ai la configuration de sélection suivante. Je le vois affiché avec la première option montrant. Cependant, lorsque je clique pour voir les autres éléments, rien ne se passe. Pourquoi la liste déroulante ne se développera-t-elle pas pour les montrer?jQjuery Mobile - Sélectionnez Ne fonctionne pas

<div data-role="page" id="movies"> 
<div data-role="header"> 
    <img src="/Content/Images/baron-funds-logo.svg" /> 
</div><!-- /header --> 

<div role="main" class="ui-content"> 
    <h3>Movies</h3> 
    <br /> 
    <div class="ui-field-contain"> 
     <label for="select-native-1">Movies</label> 
     <select name="select-native-1" id="select-native-1"> 
      <option value="1">1st</option> 
      <option value="2">2nd</option> 
      <option value="3">3rd</option> 
     </select> 
    </div> 
    <a href="#home-page" data-role="button">Home</a> 

    <div data-role="footer"> 
     <!-- footer is in layout --> 
    </div><!-- /footer --> 
</div>

EDIT:

j'ai essayé une expérience. Dans la même application, j'ai ajouté cette page:

<!DOCTYPE html> 
<html> 
<body> 

<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 
</body> 
</html>

Il se comporte de la même manière. Rien ne se passe.

Source

2017-10-05 Scott

Montrez votre javascript/code jquery, s'il vous plaît –

je ne l'ai pas écrit tout. S'il vous plaît voir modifier ci-dessus. – Scott

Fonctionne dans le violon sans problèmes ... https://fiddle.jshell.net/rigobauer/6vLar8dc/ Quelle version mobile jquery et jquery utilisez-vous? Utilisez-vous d'autres plugins ou bibliothèques? Avez-vous une erreur de console qui peut provenir d'un autre code javascript/jquery? –

Cochez cette case pour voir si est votre cas ...

JQuery Mobile Select Box not working

... apparemment, vous pourriez avoir besoin pour créer l'étiquette form ou ajouter un data-native-menu="false".

<!DOCTYPE html> 

<html> 
<body> 

<form action="#" method="get"> 
    <select data-native-menu="false"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
    </select> 
</form> 

</body> 
</html>

Si cela ne fonctionne pas et vous pouvez, aussi mettre à jour vos jquery et jquery fichiers mobiles sources à la dernière version compatible.

J'espère que cela aide

Source

2017-10-05 19:51:08

L'ajout de data-native-menu = "false" a résolu le problème. Merci! – Scott

Bon à entendre! Passez une bonne journée et bonne codification! –

jQjuery Mobile - Sélectionnez Ne fonctionne pas

Répondre

Questions connexes