[解決済み] JavaScript ランタイムエラー：'$'が未定義です。

2022-02-15 09:27:42

質問

私のコードでこのエラーが発生した場合、どなたか助けてください。Internet Explorerでホームページを起動すると、このエラーが表示されます。

JavaScript ランタイムエラー：'$'が未定義です。

このコードは、Javaスクリプトで何を変更する必要があるか私に助けてください。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

<style type="text/css">
    div.world_map_container #transparent_map {
        border: medium none;
        height: auto;
        position: absolute;
        width: auto;
        z-index: 30;
    }

    ul li {
        display: none;
        position: absolute;
        text-indent: -9999px;
        z-index: 20;
    }


    #home_resen {
        background: url("Sliki/resen.gif") no-repeat;
        height: auto;
        right: 0;
        top: 0;
        width: auto;
    }

    #home_skopje {
        background: url("Sliki/skopje.gif") no-repeat;
        height: auto;
        right: 0;
        top: 0;
        width: auto;
    }

    #home_kocani {
        background: url("Sliki/kocani.gif") no-repeat;
        height: auto;
        right: 0;
        top: 0;
        width: auto;
    }
  </style>
  </head>
  <body>
  <form id="form1" runat="server">
    <div class="world_map_container">
        <img src="Sliki/map.jpg" usemap="#the_world_map" id="transparent_map" />
        <map name="the_world_map" id="the_world_map">
            &nbsp;<area shape="poly" coords="167,335,168,321,166,318,161,313,156,308,148,308,146,304,143,302,137,301,136,293,133,283,130,277,127,273,127,270,129,266,133,261,133,253,132,248,128,242,124,240,121,240,118,243,114,248,108,254,100,258,94,261,92,261,91,268,87,274,83,279,81,281,81,286,81,291,81,295,75,298,69,304,67,308,66,316,69,318,79,319,86,319,88,321,91,324,94,326,100,325,102,322,103,317,100,315,95,314,88,312,85,308,87,303,90,300,94,297,98,294,104,293,109,293,113,295,119,303,124,311,127,318,130,327,131,335,132,338,135,336,140,332,144,331,148,331,151,333,155,336,162,336,167,335" href="Default2.aspx" id="area_resen" alt="Resen" />
            <area shape="poly" coords="171,45,167,47,161,47,162,50,167,50,167,53,164,55,157,64,161,68,169,88,172,89,175,102,175,105,179,105,180,109,187,116,187,118,202,121,202,124,212,124,216,121,216,116,245,116,253,113,255,110,254,104,253,103,259,103,265,104,269,105,272,103,272,95,274,90,277,87,282,86,285,84,287,78,288,76,280,75,274,74,270,72,265,67,263,63,257,63,254,60,251,57,250,56,247,57,241,56,237,55,234,52,229,49,227,44,227,38,231,35,233,33,231,31,226,29,225,28,225,21,220,20,216,22,213,24,212,26,210,28,207,28,205,26,202,26,200,28,199,31,196,33,192,39,188,43,189,45,189,47,185,50,179,52,175,52,172,50,171,47,171,45" href="Default2.aspx" id="area_skopje" alt="Skopje" />
            <area shape="poly" coords="397,47,388,47,383,56,384,61,384,66,382,70,379,71,375,71,375,76,373,82,372,88,372,94,377,96,389,109,408,109,409,98,405,92,409,89,406,80,412,80,421,77,424,74,423,68,429,66,425,63,415,53,398,53,397,47" href="Default2.aspx" id="area_kocani" alt="Kocani" />
        </map>
        <ul>
            <li id="resen"><a href="#">resen</a></li>
            <li id="skopje"><a href="#">skopje</a></li>
            <li id="kocani"><a href="#">kocani</a></li>
        </ul>
    </div>
    <script type="text/javascript">
        $('.world_map_container area').each(function () {
            // Assigning an action to the mouseover event
            $(this).mouseover(function (e) {
                var country_id = $(this).attr('id').replace('area_', 'home_');
                $('#' + country_id).css('display', 'block');
            });

            // Assigning an action to the mouseout event
            $(this).mouseout(function (e) {
                var country_id = $(this).attr('id').replace('area_', 'home_');
                $('#' + country_id).css('display', 'none');
            });

        });
    </script>
</form>

どのように解決するのか？

が含まれていません。 jquery をファイルに入れてください。

こんな感じ。

<script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'></script>

または、ソースファイルにすでにある場合は、そこからインクルードしてください。

[解決済み] JavaScript ランタイムエラー：'$'が未定義です。

質問

どのように解決するのか？

関連

[解決済み】JavaScript ランタイムエラー：'$'が未定義です。

[解決済み】Uncaught SyntaxError: JSON の位置 0 に予期しないトークン u があります。

[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は？

[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は？

[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか？

[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか？

[解決済み] JavaScriptでタイムスタンプを取得する方法は？

[解決済み] JavaScriptで空文字列/未定義文字列/null文字列をチェックするにはどうすればよいですか？

[解決済み】JavaScriptの比較では、どちらの等号演算子（== vs ===）を使うべきですか？

[解決済み】オブジェクトからプロパティを削除する(JavaScript)

最新

nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)

htmlページでギリシャ文字を使うには

ピュアhtml+cssでの要素読み込み効果

純粋なhtml + cssで五輪を実現するサンプルコード

ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード

タイピング効果を実現するピュアhtml+css

htmlの選択ボックスのプレースホルダー作成に関する質問

html css3 伸縮しない画像表示効果

トップナビゲーションバーメニュー作成用HTML+CSS

html+css 実装サイバーパンク風ボタン

おすすめ

[解決済み】このエラーの原因は何ですか - "Fatal error: ローカルgruntを見つけることができません"

[解決済み】 Uncaught TypeError: data.push is not a function

[解決済み】webpack: モジュールが見つかりません。Error: 解決できない(相対パスで)

[解決済み】JavaScript ランタイムエラー：'$'が未定義です。

[解決済み】JavaScriptで相対URLへのリダイレクトを行う

[解決済み】Vueのテンプレートまたはレンダー関数が定義されていない私はどちらも使っていないのですが？

[解決済み】Uncaught TypeError: 未定義のプロパティ 'msie' を読み取れない - jQuery tools

[解決済み】HTMLの最初の行に予期しないトークン<がある。

[解決済み】module.exports "モジュールが定義されていません"

[解決済み] [Solved] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングする