Résoudre le problème selon lequel le modal dans bootstrap ne peut pas fermer la page lorsqu'il rencontre les compétences Esc key_javascript

Bootstrap nous fournit de nombreux contrôles de page pratiques, le modal en fait partie. De nombreuses personnes ont rencontré le problème que modal ne peut pas être fermé en appuyant sur la touche échap, et cela ne prend pas effet même si l'option clavier est explicitement transmise.

$('#editFormItemModal').modal({show:true, clavier:true});

Ce problème se produit dans les versions 2.1 et ultérieures. Il est très simple de résoudre ce problème. Ajoutez simplement un attribut tabindex au div où se trouve le modal :

Le problème est très simple et le correctif est également très simple. J'espère qu'il pourra être utile à tout le monde.

Étiquettes associées：

bootstrap esc

source：php.cn

Article précédent：TinyMCE soumet AjaxForm et ne parvient pas à obtenir les compétences solution_javascript de données Article suivant：jQuery implémente une méthode pour soumettre automatiquement un formulaire après quelques secondes_jquery

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

• Qu'est-ce qu'une NullPointerException et comment y remédier ?
  2024-10-22 09:46:29
• De novice à codeur : votre voyage commence par les principes fondamentaux du C
  2024-10-13 13:53:41
• Débloquer le développement Web avec PHP : guide du débutant
  2024-10-12 12:15:51
• Démystifier C : un chemin clair et simple pour les nouveaux programmeurs
  2024-10-11 22:47:31
• Libérez votre potentiel de codage : programmation C pour les débutants absolus
  2024-10-11 19:36:51
• Libérez votre programmeur intérieur : C pour les débutants absolus
  2024-10-11 15:50:41
• Automatisez votre vie avec C : scripts et outils pour les débutants
  2024-10-11 15:07:41
• PHP Made Easy : vos premiers pas dans le développement Web
  2024-10-11 14:21:21
• Construisez n'importe quoi avec Python : un guide du débutant pour libérer votre créativité
  2024-10-11 12:59:11
• La clé du codage : libérer la puissance de Python pour les débutants
  2024-10-11 12:17:31

Derniers numéros

La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...

Depuis 2024-04-06 21:58:04

0

1

800

Comment résoudre le mystérieux espace vide en bas de page en CSS J'essaie de créer une page Web simple en utilisant Bootstrap et D3, mais je ne sais pas co...

Depuis 2024-04-06 20:22:15

0

1

454

Personnalisez l'apparence des en-têtes accordéon Bootstrap à l'aide de la classe CollapseDisplay Je souhaite styliser le titre de la carte d'un panneau avec la classeeffondrementshow. Dan...

Depuis 2024-04-06 12:53:11

0

1

376

Le commutateur Bootstrap ne fonctionne pas correctement lorsque la page Web est redimensionnée Description :<navxmlns:sec="http://www.thymeleaf.org/extras/spring-security"c...

Depuis 2024-04-05 08:45:39

0

1

3443

Afficher les fichiers PDF AWS en mode Bootstrap dans Laravel J'ai téléchargé l'URL AWS comme https://xxx-xx-dev.s3.ap-south-1.amazonaws.com/std_check/6...

Depuis 2024-04-04 22:16:18

0

1

1450

Rubriques connexes

Plus>

• Définir l'imprimante par défaut
• Utilisation de la fonction gettickcount
• Plateforme nationale de monnaie numérique
• Masquer le logiciel d'icône de la barre des tâches
• Quel logiciel est ig
• Comment écrire l'instruction InsertInto
• asp quel fichier
• Avantages du téléchargement du site officiel de l'application Yiou Exchange