1

/js/file.js 内で宣言された関数をインライン js<script>タグから呼び出そうとしています。

何が起こるか：

  1. /js/file.js から、インラインタグtriggeredByJsFile()で宣言された関数を呼び出します。<script>
  2. 次に、インライン<script>タグから ' /js/file.js 内の関数へのコールバックを実行します-imagesLoaded()

/js/file.js 関数にコールバックしようとするたびにエラーが発生します:「ReferenceError: imagesLoaded が定義されていません」

私のセットアップは次のとおりです。

<html>
<head>
  <!-- JS file containing the function I want to call -->
  <script src="js/file.js"></script>
</head>

<body>

  <div id="content">....</div>


    <script>
function triggeredByJsFile() {
  //does a lot of stuff and
  initiateSomething();
}

function initiateSomething() {
//Reference back to the js file
      imagesLoaded();
}
    </script>
</body>
</html>

私の /js/file.js

$(document).ready(function ()
{

triggeredByJsFile();

    function imagesLoaded() {
        alert("IMAGES LOADED");
    }

});

firebug コンソールが表示するエラー

ReferenceError: imagesLoaded is not defined
[Break On This Error]   

imagesLoaded();

一番下で実際に参照/関数呼び出しを行う前に.jsファイルをロードする限り、これを行うことができると思いましたか?

4

1 に答える 1