Q&A
コードはコードブロックで囲んでください。```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。
また、「うまくできない」とは「何をしたときに」「どうなると思って」「どうなったのか」をお書きください。
jqueryテンプレートのparticlegroundを実装したいと思い、様々なサイトを見て描いてある通りに記述し、バグも発生していないのですが、画面上に反映されず、真っ白なままです。なぜでしょうか。
コードの方失礼します。
<!DOCTYPE html> <html lang='ja'> <head> <meta charset="UTF-8"> <title></title> <script type='text/javascript' src="jquery-1.12.3.min.js"></script> <script type='text/javascript' src="jquery.particleground.min.js"></script> <script type='text/javascript' src="hayakawafarm.js"></script> <link rel="stylesheet" type="text/css" href="hayakawafarm.css"> </head> <body> <div id="particles"> </div> </body> </html>
どなたか助けて頂けると幸いです。
回答2件
0
ベストアンサー
hayakawafarm.js 内かどこかに下記のようなスクリプトは記述されていますか？もしそれをされているのであれば、#particlesに幅と高さを設定してみてください。
JavaScript
1$('#particles').particleground({ 2 dotColor: '#ccc', 3 lineColor: '#ddd' 4 particleRadius: 4 5});
【【jQuery】幾何学的でオシャレな背景を描画する［Particleground］の実装方法。 - ONZE】
http://on-ze.com/archives/2234
【ASCII.jp：Webサイトの背景をおしゃれに演出 Particleground｜こうめの“これから使える”jQueryプラグイン】
http://ascii.jp/elem/000/000/948/948413/
投稿2016/04/20 07:41
総合スコア69407
0
ソースを見る限り 特に問題がなさそうなので jsかcssのパス指定が疑わしいと思います。
パスの誤りを早く見つけるには ソースを表示して ファイルの指定パスをクリックしていくのが手っ取り早いですよ^^
投稿2016/04/20 05:57
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
