Question

嘿，我已经检查了更多这样的jQuery问题而不是我记得但我真的无法弄清楚这一点。

以下代码无法在本地运行。还没有机会在网上进行测试，但我当然可以在本地进行测试。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery test</title>
    <link rel='stylesheet' type='text/css' href='/root/WebDev/jquery-ui-1.10.2.custom/css/ui-lightness/jquery-ui-1.10.2.custom.min.css'/>
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript" src="/root/WebDev/jquery-ui-1.10.2.custom/js/jquery-1.9.1.js"></script>
  <script type="text/javascript" src="/root/WebDev/jquery-1.9.1.min.js"></script>
</head>
<body>

    <div style="height: 20px;width:20px;background-color:red;position:relative;top:50px;left:50px;"></div>
</body>

和jQuery代码：

$(document).ready(function(){
$('div').click(function(){
    $('div').effect('explode');
});

});

就像一个注释，我确实在本地有那些jquery文件。

Answer 1

首先使用jQuery，而不是使用jQuery的其他插件，脚本，库！

  <script type="text/javascript" src="/root/WebDev/jquery-1.9.1.min.js"></script>
  <script type="text/javascript" src="/root/WebDev/jquery-ui-1.10.2.custom/js/jquery-1.9.1.js"></script>
  <script type="text/javascript" src="jquery.js"></script>

对于最后一个，如果那是您拥有功能的文件，请确保路径也是正确的，

我对你使用过的这条路径不太确定：

/root/WebDev/jquery-ui-1.10.2.custom/js/jquery-1.9.1.js
jquery-ui-1.10.2.custom/js/真的是你文件夹的名字吗？：）
为什么你不使用Google Hosted Libraries和一些不错的HTML5标记：

<!DOCTYPE html>
<html>
<head>
<link  href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="myfunctions.js"></script>
<meta charset=utf-8 />
<title>All you need</title>
</head>
<body>

   <div style="height: 20px;width:20px;background-color:red;position:relative;top:50px;left:50px;"></div>

</body>
</html>

Answer 2

尝试从href和src属性中删除前导斜杠。

Answer 3

原因是网络本身无法找到jquery文件。尝试使用page.resolveurl

Page.ResolveUrl始终将其URL作为app-absolute路径返回。

Resolve URL始终为您提供虚拟目录的根目录。

e.g。

<script type="text/javascript" src='<%=page.resolveurl("~/javascript/jquery-ui.js")%>'></script>

无法让jQuery在本地工作

3 个答案: