bootstrap3 modal js undefinierte Funktion

8

Ich habe ein reguläres Bootstrap-modal in HTML. Ich versuche, es mit Javascript zu zeigen / zu verstecken, und ich bekomme undefinierte Funktion.

Ich mache, wie die Bootstrap-Dokumentation sagt, immer noch undefinierte Funktion in dieser Zeile:

%Vor%

Dies ist mein HTML-Modal:

%Vor%     
Lord Vermillion 25.06.2014, 08:57
quelle

7 Antworten

20

Ein Grund, warum Sie eine undefinierte Funktion erhalten könnten, wäre, wenn Sie die jquery-Bibliothek mehr als einmal definiert hätten.

%Vor%

Die Bootstrap-Bibliothek wird auf die erste jquery-Bibliothek angewendet, aber beim erneuten Laden der jquery-Bibliothek geht die ursprüngliche Bootstrap-Ladung verloren (die Modal-Funktion befindet sich im Bootstrap).

Eine häufige Ursache für dieses Problem ist, wenn Sie innerhalb einer Webanwendung Teilblöcke des Codes einfügen, da derselbe JavaScript-Dateiverweis in einer vollständigen Seitenausgabe an mehr als einem Speicherort erscheinen kann. Dies ist besonders gefährlich, wenn Ihre js-Definitionen auf Ihrer Seite verstreut sind, dh im Kopf, am oberen Rand des Körpers und am unteren Rand des Körpers (in einer partiellen Vorlage).

    
Brad Baskin 30.09.2014 23:02
quelle
4

Ich habe mein Problem gelöst, indem ich

geändert habe %Vor%

bis

%Vor%     
Kiko Garcia 18.11.2014 12:41
quelle
2

Fügen Sie das folgende Skript-Tag hinzu, bevor Sie Ihre eigene js-Datei deklarieren. Dies wird den Fehler beheben.

%Vor%     
mango 03.04.2015 09:03
quelle
1

BEARBEITEN: Ich habe einen Klick hinzugefügt, um zu verstecken: DEMO2

DEMO

Es gibt nicht die undefinierte Funktion wie du sagst. Ich schlage vor, Ihr $("#registermodal").modal('show');

zu verpacken

in einem $(document).ready(function(){});

Wenn das nicht funktioniert (oder wenn Sie das bereits getan haben), schlage ich vor, Ihr js-Skript (oder Link) direkt vor Ihrem </body>

hinzuzufügen

Im letzten Fall stellen Sie sicher, dass Sie bootstrap.min.js und jquery auf Ihrer HTML-Seite haben.

    
rottenoats 25.06.2014 09:03
quelle
0

Just ID zum Schließen hinzugefügt und ausgelöst klicken Sie auf es mit jquery funktioniert super ..

    
Gowri Tumma 04.11.2015 19:59
quelle
-3
___ answer26994624 ___

Ich habe mein Problem gelöst, indem ich

geändert habe %Vor%

bis

%Vor%     
___ answer26131589 ___

Ein Grund, warum Sie eine undefinierte Funktion erhalten könnten, wäre, wenn Sie die jquery-Bibliothek mehr als einmal definiert hätten.

%Vor%

Die Bootstrap-Bibliothek wird auf die erste jquery-Bibliothek angewendet, aber beim erneuten Laden der jquery-Bibliothek geht die ursprüngliche Bootstrap-Ladung verloren (die Modal-Funktion befindet sich im Bootstrap).

Eine häufige Ursache für dieses Problem ist, wenn Sie innerhalb einer Webanwendung Teilblöcke des Codes einfügen, da derselbe JavaScript-Dateiverweis in einer vollständigen Seitenausgabe an mehr als einem Speicherort erscheinen kann. Dies ist besonders gefährlich, wenn Ihre js-Definitionen auf Ihrer Seite verstreut sind, dh im Kopf, am oberen Rand des Körpers und am unteren Rand des Körpers (in einer partiellen Vorlage).

    
___ answer33530923 ___

Just ID zum Schließen hinzugefügt und ausgelöst klicken Sie auf es mit jquery funktioniert super ..

    
___ answer24404430 ___

BEARBEITEN: Ich habe einen Klick hinzugefügt, um zu verstecken: DEMO2

DEMO

Es gibt nicht die undefinierte Funktion wie du sagst. Ich schlage vor, Ihr %code%

zu verpacken

in einem %code%

Wenn das nicht funktioniert (oder wenn Sie das bereits getan haben), schlage ich vor, Ihr js-Skript (oder Link) direkt vor Ihrem %code%

hinzuzufügen

Im letzten Fall stellen Sie sicher, dass Sie bootstrap.min.js und jquery auf Ihrer HTML-Seite haben.

    
___ answer24587784 ___

Beenden Sie einfach die modale js-Funktion! (Ich denke, dass ein Bibliotheksproblem vor sich geht)

Sie können modal öffnen, indem Sie der Modal-Schaltfläche datenumschaltbare Datenzielelemente hinzufügen. Ein einfacher Klick auf den Button öffnet das Modal automatisch, ohne dass js ausgelöst werden muss.

Wenn Sie das modale Programmatically öffnen möchten, klicken Sie einfach auf die modale Schaltfläche mit jQuery, die geöffnet wird. (nicht getestet)

Um modal zu schließen, fügen Sie einfach eine ID zur bestehenden Schließen-Schaltfläche hinzu und klicken Sie mit jQuery darauf, wenn Sie sie schließen möchten. Es klappt ! (Getestet)

    
___ answer2404368 ___

Versuchen Sie:

%Vor%     
___ qstnhdr ___ bootstrap3 modal js undefinierte Funktion ___ tag123javascript ___ JavaScript (nicht zu verwechseln mit Java) ist eine dynamische Sprache mit mehreren Paradigmen auf hoher Ebene, die sowohl für das clientseitige als auch für das serverseitige Scripting verwendet wird. Verwenden Sie dieses Tag für Fragen zu ECMAScript und seinen verschiedenen Dialekten / Implementierungen (außer ActionScript und Google-Apps-Script). ___ tag123html ___ HTML (Hyper Text Markup Language) ist die Standard-Auszeichnungssprache, die zum Strukturieren von Webseiten und zum Formatieren von Inhalt verwendet wird. HTML beschreibt die Struktur einer Website semantisch zusammen mit Hinweisen für die Präsentation, wodurch sie eine Markup-Sprache statt einer Programmiersprache wird. Die neueste Revision der HTML-Spezifikation ist HTML5.2. ___ answer29429206 ___

Fügen Sie das folgende Skript-Tag hinzu, bevor Sie Ihre eigene js-Datei deklarieren. Dies wird den Fehler beheben.

%Vor%     
___ tag123twitterbootstrap ___ Bootstrap ist ein Front-End-Framework, das entwickelt wurde, um die Entwicklung von Web-Apps und -Websites anzukurbeln. Bei Fragen zu einer Bootstrap-Version verwenden Sie auch die Tags der jeweiligen Version aus den Tags "twitter-bootstrap-2", "twitter-bootstrap-3" und "bootstrap-4". ___ qstntxt ___

Ich habe ein reguläres Bootstrap-modal in HTML. Ich versuche, es mit Javascript zu zeigen / zu verstecken, und ich bekomme undefinierte Funktion.

Ich mache, wie die Bootstrap-Dokumentation sagt, immer noch undefinierte Funktion in dieser Zeile:

%Vor%

Dies ist mein HTML-Modal:

%Vor%     
___
user3383999 25.06.2014 09:00
quelle
-4

Beenden Sie einfach die modale js-Funktion! (Ich denke, dass ein Bibliotheksproblem vor sich geht)

Sie können modal öffnen, indem Sie der Modal-Schaltfläche datenumschaltbare Datenzielelemente hinzufügen. Ein einfacher Klick auf den Button öffnet das Modal automatisch, ohne dass js ausgelöst werden muss.

Wenn Sie das modale Programmatically öffnen möchten, klicken Sie einfach auf die modale Schaltfläche mit jQuery, die geöffnet wird. (nicht getestet)

Um modal zu schließen, fügen Sie einfach eine ID zur bestehenden Schließen-Schaltfläche hinzu und klicken Sie mit jQuery darauf, wenn Sie sie schließen möchten. Es klappt ! (Getestet)

    
nikhil.raut 05.07.2014 15:15
quelle