2

嘿，我已经检查了比我想回忆的更多这样的 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 文件。

4

3 回答 3

5

先放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>
于 2013-04-03T03:03:16.713 回答
0

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

于 2013-04-03T03:04:49.883 回答
0

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

Page.ResolveUrl 始终将其 URL 作为应用程序绝对路径返回。

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

例如

<script type="text/javascript" src='<%=page.resolveurl("~/javascript/jquery-ui.js")%>'></script>
于 2013-04-03T04:27:09.120 回答