Forum : Problem pour faire fonctionner bootstrap-select

Bonjour à vous,

Je souhaite intégrer le bootstrap select sur un site que je developpe en ce moment.
Bootstrap select est disponible avec exemples à l'adresse suivante:
https://silviomoreto.github.io/bootstrap-select/examples/

Je souhaite faire fonctionner celui de type "Key words", c'est a dire avec le code suivant:

<select class="selectpicker" data-live-search="true">
  <option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
  <option data-tokens="mustard">Burger, Shake and a Smile</option>
  <option data-tokens="frosting">Sugar, Spice and all things nice</option>
</select>

Mon exemple en live est disponible à l'adresse suivante: http://amsterdam-coffee-shop-guide.com/amsterdammyapp.php?p=300&cs=2
Tout en bas de la page il y a un boutton "MISSING PRODUCT" qui ouvre un popup, et mon bootstrap select se trouve dans le popup.

Maleureusement je n'arrive pas a obtenir le resultat du bootstrap select et je n'arrive pas a trouver pourquoi.
Lorsque je clique sur le "NOTHING SELECTED" du select, rien ne se passe alors que la liste des produits devrait s'ouvrir

Merci pour votre aide
Marjorie

3 réponses

betaWeb

Réponse acceptée

Salut,

L'élément qui a les classes .dropdown-menu .open reste en display:none; lorsque tu cliques sur le dropdown (la classe .open n'est pas appliquée visiblement). Le souci doit venir de là. Tu utilises quelle version de BS ? Es-tu sur que le plugin que tu souhaites utiliser soit totalement compatible ?

Marjorie Kosenko

Auteur

Merci pour ta réponse betaWeb, j'ai remplacé la version que j'avais de bootstrap avec la plus rescente et ça fonctionne !! :)
Quelle prise de tête pour debugger le javascript

fital

Salut,
Utilise le bootstrap V3.3.6


  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

Au lieu du 3.3.4 que tu as actuellement et ça fonctionnera