2017-10-14 9 views
-1

すべてのコンテンツがロードされた後にJSを実行するのに問題があります。現在作業中のサイトIm:http://hsvgridproject.comでは、ユーザーがサイトを初めて訪れたときにグリッドが読み込まれず、動作する前にハードリフレッシュが必要です。私は何らかの種類のwindow.onload関数を使う必要があると信じていますが、まだJavaを学んでいるので、コードを壊さずにプロジェクトに実装する方法がわかりません。ホームページ上のグリッドのDOMの後にJavaScriptがロードされない

スクリプトは(クレジットCodrops)すでにそれを囲む窓タグがあります。

(function(window) { 

あなたはより多くの情報が必要な場合は私に知らせてください。ありがとうございました!

+0

があなたをデバッグすることを学びますコードをデベロッパーコンソールからダウンロードできますf12を押し、エラーが何であるかを確認します。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/debugger Java!= javascript。彼らは非常に異なる言語です。 – scrappedcola

+0

ページが正常に読み込まれます(少し遅い場合) - main.jsの294行目にエラーがあるとすぐにわかります。存在しない関数 "imagesLoaded"を使用しています。この関数をコーディングするか削除する必要があります。 –

答えて

1

DOMが完全に読み込まれる前にスクリプトを実行しているため、おそらく動作しません。

は、DOMが完全にロードされた後に実行されますを確認し、いずれかの右body要素の終了タグの直前にコードを実行するスクリプトタグを移動したり、このようDOMContentLoadedイベントを使用するには、次の

document.addEventListener("DOMContentLoaded", function(event) { 
    // execute your code 
}); 
関連する問題