Bootstrap Multiselect ne fonctionne pas.

Question

Je cherche à utiliser le multiselect Bootstrap. J'ai utilisé le code suivant, qui est également disponible sur leur site Web à (http://davidstutz.github.io/bootstrap-multiselect/), il montre le bouton pour le multiselect et comme j'ai déjà mis les options sélectionnées pour "fromage et pepperoni", elles ont déjà été sélectionnées également, mais chaque fois que je clique dessus, la liste ne s'ouvre pas pour choisir!

    Fromage
    Tomates
    Mozzarella
    Champignons
    Pepperoni
    Oignons

    $(document).ready(function() {     
            $('.multiselect').multiselect();      
    });

Est-ce que j'ai oublié quelque chose ?

Si vous pensez que ma question n'est pas claire, veuillez me dire quelle partie vous avez besoin de clarification.

Merci d'avance.

Answer 1

Essayez d'ajouter les fichiers bootstrap.js (http://getbootstrap.com/javascript/). Je les ai manqués et il semble que ceux-ci sont nécessaires.

Answer 2

Cela peut résoudre votre problème. Parfois jsfiddle.net ne fonctionne pas correctement.

Alors veuillez créer un fichier html et copier les lignes ci-dessous dedans. Cela fonctionnera pour vous.

        $(function () {
            $('#lstFruits').multiselect({
                includeSelectAllOption: true
            });

        });

       Cheese
        Tomatoes
        Mozzarella
        Mushrooms
        Pepperoni
        Onions

Veuillez partager si vous rencontrez un problème.

Answer 3

Essayez ceci : Ajoutez ceci à l'endroit où vous créez votre sélection...

                Fromage
                Tomates
                Mozzarella
                Champignons
                Pepperoni
                Oignons

                Aucune sélection 

                 Fromage
                 Tomates
                 Mozzarella
                 Champignons
                 Pepperoni
                 Oignons

Answer 4

J'ai eu le même problème avec le plugin et Internet Explorer, versions <= 10.

J'ai également réussi à résoudre ce problème en ajoutant la balise DOCTYPE au début de ma page web. Cette découverte était très ennuyeuse, car IE reste fidèle au XHTML.

Veuillez vérifier que votre page web commence par la ligne suivante :

J'espère que cela vous aidera.

Answer 5

Sur IE8, j'avais des problèmes. Lorsque j'ai modifié la ligne 223 de bootstarp-multiselect.js

this.$select.wrap('').after(this.$container);

à

this.$select.wrap('').after(this.$container);

et à la ligne 1468

'class': option.class, à  'class': option['class'],

ça a fonctionné