-3

フォームを送信すると、作成した jquery コードに関係なく、ページが自動的に更新されます。誰かが私が間違っていた場所を指摘できますか?

私のhtmlファイル：

<html>
<head>
<script type="text/javascript" src="./js/up.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<form id="up" action="" method="post">
<input id="image" type="text" name="file"/><input id="submit" type="submit"/>
</form>
</body>
</html>

私のJavaScriptファイル

$(document).ready(function(){
    $('input#submit').click(function(){
        alert('hi');
            /*some codes goes here*/
    });
});

ページが読み込まれると、コンソールに次のエラーが表示されますUncaught ReferenceError: $ is not defined。jquery 関数を呼び出していません。

4

2 に答える 2

4

jQuery の後に、jQuery に依存するスクリプトを含める必要があります。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="./js/up.js"></script>

また、jQuery ファイルは 1 つだけにする必要があります。

于 2013-02-04T14:03:16.573 に答える
2

script最初のjqueryを削除する必要があります。これは古いバージョンです..

up.jsまた、あなたのjavascriptがファイルにあると思います。ファイルは jQuery の前に要求されます。最初に jQuery をロードし、次にカスタム コードをロードする必要があります。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/up.js"></script>

up.jsまた、ファイルへのリンクが間違っています。親フォルダーに移動するには、../の代わりに使用する必要があります。./

于 2013-02-04T14:03:41.730 に答える