-1

私はおそらく非常に単純な問題を抱えており、それは私を完全に偽装しています。

かなり遅いUSBスティックで実行されているWebサーバー(XAMPP)があります。私は非常に単純なファイル構造を持っています:

--htdocs  
  --projects
    --callback  
      index.html  
        --js
          jquery-1.9.1.min.js
          callbackclient.js  
        --css
          main.css

何らかの理由で、単純なリンクされたスクリプトを機能させることができません。これが私のindex.htmlです。

<!DOCTYPE HTML>
<html>
  <head>
    <script src='js/jquery-1.9.1.min.js' type='text/javascript'></script>
    <script src='js/callbackclient.js' type='text/javacsript'></script>
    <link href='css/main.css' rel='stylesheet' type='text/css'>
  </head>
  <body>
    This is a test
  </body>
  <script>
    $(document).ready(function(){
      tester();
    });
  </script>
</html>

そして、これが私のcallbackclient.jsです:
function tester(){ console.log("test"); }

ブラウザをlocalhost/projects/callback押すと、期待どおりに「これはテストです」と表示されますが、コンソールでエラーが発生します。

Uncaught ReferenceError: tester is not defined

tester()を実行しようとすると、同じようになります。コンソールから直接、それでも$("head")正しくhead要素を選択します。これは、jQueryが正常にロードされていることを意味すると思います。

私は何か基本的なことを見逃したに違いありません-誰かが私を教えてください!

4

2 に答える 2

2

スクリプトタグのタイプのつづりを間違えた可能性があります。text/javacsriptそれ以外のtext/javascript

于 2013-03-25T22:41:20.407 に答える
0

callbackClient.js内でこれを試してください:

var tester = function (){ console.log("test"); }

それが機能する場合は、関数を変数に設定してから呼び出す必要があります。それが機能しない場合は、HTMLページのJSコードを削除し、callbackClient.js内でこれを実行します。

jQuery(function () {
    // Logic here
    console.log('this is working, right?');

    var functionName = function () {
        console.log('blah blah blah')
    }

    functionName();
})

お役に立てば幸いです。

于 2013-03-25T22:46:03.343 に答える