2017-12-22 4 views
-1

次のコードがあります。PHPからカスタムJavaScriptアラートボックスを呼び出す方法

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

これは意図したとおりに正常に動作します。しかし、私はカスタムと美しいポップアップボックスを使用したいと思います。そこで、私はオンラインで、AlertifyBootBoxなどの素晴らしいJSライブラリを見ました。 JSスクリプト(JQuery、Boostrap、ライブラリスクリプト)とそのCSSファイルをPHPファイルの先頭に含めました。今私は以前と同じ方法を使用します。これが機能することはありませんいくつかの理由

enter image description here

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

、私は次のエラーを取得します。誰かが私が間違っているかもしれないと言うことができますか、これを達成する正しい方法は何ですか?あなたはすべてのファイル(この場合は外部スクリプト)をロードするためにDOMを待つ必要が

enter image description here

+0

がalertifyためのスクリプトタグの上にスクリプトタグを作るPHPますか?ところで、それは相対的な経路であるため、あなたのサーバに注意を払わなければならないでしょう。 – PHPglue

+3

'CSS'の後に' script'を読み込もうとします。 – Ivan86

答えて

2

- これを試してみてください。

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

+0

はい、あなたは正しいですが、ここに欠けている ";" 4行目にありがとうございます。ありがとうございました。 – user3227275

+0

ヤック。ここの文書または外部スクリプトを使用してください。 –

1

あなたにもできます次の順序でCSSおよびJavaScriptファイルをロードしていることを確認してください。私はこの注文に続いて問題を起こすことはありません。

I.)CSSまず

  1. ブートストラップCSS
  2. 他のベンダーのCSS
  3. カスタムCSS

II。)第二のJavaScript

  1. のjQuery Jsの
  2. ブートストラップのJs
  3. 他のベンダーのJs
  4. あなたのカスタムJsの
+1

アドバイスをいただきありがとうございます。 – user3227275

関連する問題