Maison >interface Web >tutoriel CSS >Pourquoi mon modal Bootstrap génère-t-il une erreur « TypeError : $(...).modal n'est pas une fonction » ?

Pourquoi mon modal Bootstrap génère-t-il une erreur « TypeError : $(...).modal n'est pas une fonction » ?

Susan Sarandon
Susan Sarandonoriginal
2024-11-05 18:59:02464parcourir

Why is My Bootstrap Modal Throwing a

Erreur jQuery : $(...).modal n'est pas une fonction avec Bootstrap Modal

Problème

Dans une application utilisant Codeigniter et Bootstrap , un modal d'amorçage inséré dynamiquement ne parvient pas à s'ouvrir avec une erreur "TypeError: $(...).modal is not a function".

Solution

En cliquant sur un bouton pour déclencher le modal , le modal est inséré avec succès dans le HTML. Cependant, lorsque vous tentez de l'afficher à l'aide de $('#form-content').modal();, l'erreur se produit.

L'erreur est causée par une hypothèse incorrecte selon laquelle jQuery est chargé et disponible dans le contexte. du script qui tente d'utiliser la fonction modal().

Résolution

Assurez-vous que jQuery est correctement chargé et n'est pas accidentellement inclus plusieurs fois. Une source courante d'inclusions multiples de jQuery est l'utilisation de plugins ou de thèmes tiers pouvant déjà inclure jQuery.

En vérifiant que jQuery est chargé et disponible dans le contexte du script, la fonction modal() peut être utilisée avec succès pour afficher le modal.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
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