Bootstrap fermer la modale ne fonctionne pas

J'ai deux bouton ici qui sont utilisés pour fermer la modale. La première est l'icône de fermeture et l'autre est un bouton annuler, à la fois l'utilisation des données-rejeter pour fermer la modale. Cependant, deux d'entre eux ne sont pas de travail. J'utilise le même code pour un autre modal et là, ils fonctionnent très bien. Toutes les suppositions?

<div id="timeSelectModal{{entry.position - 1}}" style="display: none" class="modal">
    <div class="modal-dialog">
        <div id="timeSelectModalContent" class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <label>
                <input id="checkbox8pm{{entry.position - 1}}" type="checkbox" value="first_checkbox">
                <label class="checkbox-label">Thursday, 08:00 pm.</label>
            </label>
            <br>
            <label>
                <input id="checkbox9pm{{entry.position - 1}}" type="checkbox" value="second_checkbox">
                <label class="checkbox-label">Thursday, 09:30 pm.</label>
            </label>
            <div id="time-modal-footer" class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-success" id="timeSaveButton{{entry.position - 1}}" v-on:click="setTime(entry.position - 1)">Save</button>
            </div>
        </div>
    </div>
</div>
  • C'est vieux, mais avez-vous essayé de supprimer " style="display: none"`? Il s'avère que l'utilisation qu'au lieu de Bootstrap de classes/méthodes pour l'affichage et le masquage peut provoquer les choses pour les casser.
  • ce fil est vieux, mais lorsque j'ai jamais été confronté à ce problème, il a été question de donner des z-index pour la "X" bouton.
InformationsquelleAutor NoorUllah | 2016-07-23