0

私は jquery を使用していますが、現在、すべてのコンテンツ ページで Jquery が参照されていることがわかります。必要なときに簡単に更新できるように、すべての参照をマスター ページに移動する予定です。

そこで、コンテンツ ページから jquery 参照を削除し、以下に示すようにマスター ページの head セクションに配置します。

<head id="Head1" runat="server">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link href="App_Themes/masterStyleSheet.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css"

    <asp:ContentPlaceHolder ID="ExtraHeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>

アプリケーションを実行すると、次のエラーが表示されます。

JavaScript runtime error: 'jQuery' is undefined

オンラインでの私の調査から、これは正しい方法です..しかし、エラーが発生します。誰かが私を助けて、何が間違っているか、何をする必要があるかを指摘できますか?

4

3 に答える 3

4

jquery スクリプト タグを jquery ui スクリプト タグの上に移動し、jquery ui 参照の 1 つを削除します。これらを 2 回含める必要はないからです。

<head id="Head1" runat="server">
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

    <link href="App_Themes/masterStyleSheet.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css"

    <asp:ContentPlaceHolder ID="ExtraHeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>

jquery ui ライブラリは、jquery-1.9.1.js ファイルで定義される前に jQuery 参照を使用しようとしているため、jQuery は未定義です。

于 2013-09-25T14:31:12.883 に答える
0

jQueryライブラリがロードされる前にjQuery uiライブラリを呼び出しています

あなたのコード

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>

に変更します

最初に jQuery ライブラリ ファイルを呼び出す

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
于 2013-09-25T14:31:14.163 に答える