-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 文件。

于 2013-02-04T14:03:16.573 回答
2

你需要删除你的第一个script到 jquery，它是一个旧版本..

另外我认为您的 javascript 在up.js文件中。该文件在 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 回答