So rufen Sie eine benutzerdefinierte JavaScript-Alarmbox von PHP

Question

Ich habe den folgenden Code.

echo '<script language="javascript">'; 
echo 'alert("This is a popup box")'; 
echo '</script>'; 

Dies funktioniert wie vorgesehen. Ich möchte jedoch eine benutzerdefinierte und ästhetisch ansprechende Pop-up-Box verwenden. Also ging ich online und sah ein paar nette JS-Bibliotheken wie Alertify, BootBox und ein paar andere. Ich habe die JS-Skripte (JQuery, Boostrap, Bibliothekskripte) und ihre CSS-Dateien oben auf der PHP-Datei eingefügt. Jetzt verwende ich die gleiche Methode wie zuvor.

echo '<script language="javascript">'; 
echo ' alertify.alert("This is the default alert!")'; 
echo '</script>'; 

Aus irgendeinem Grund dies nicht funktioniert, bekomme ich die folgende Fehlermeldung. Kann jemand sagen, was ich falsch mache, oder was ist der richtige Weg, dies zu erreichen?

Answer 1

Sie müssen für das DOM warten, um alle Dateien zu laden (in diesem Fall Ihr externes Skript) - versuchen Sie dies:

echo '<script language="javascript">'; 
 
echo 'document.addEventListener("DOMContentLoaded", function() {'; 
 
echo ' alertify.alert("This is the default alert!")'; 
 
echo '});'; 
 
echo '</script>';

Answer 2

können Sie auch Stellen Sie sicher, dass Sie die CSS- und JavaScript-Dateien in der folgenden Reihenfolge laden. Ich habe nie ein Problem nach dieser Bestellung.

I.) CSS Erste

1. BootStrap CSS
2. Andere Anbieter CSS
3. Ihre benutzerdefinierte CSS

II.) JavaScript zweite

1. jQuery Js
2. BootStrap Js
3. Andere Anbieter Js
4. Ihr individuelles Js