2

所以,我以前从未使用过 jQuery,但我想要一个名为 Uniform 的脚本,但我似乎无法让它工作。在 Safari 调试器中,它给了我 3 个错误:

[Error] SyntaxError: Unexpected token '<' (jquery.js, line 1)
[Error] SyntaxError: Unexpected token '<' (jquery.uniform.js, line 1)
[Error] ReferenceError: Can't find variable: $
    global code (index.php, line 8)

这是我的 index.php 文件的开头:

<html>
<head>
<title>PattersonCode.ca</title>
<link rel="stylesheet" type="text/css" href="/incls/style.css">
<script src="incls/jquery.js"></script>
<script src="incls/jquery.uniform.js"></script>
<script type="text/javascript">
$(function() {
   $("select, input, a.button, button").uniform();
})
</script>
</head>

通过使用完整的 URL ( http://pattersoncode.ca/incls/uniform.jquery.js )解决了它

4

2 回答 2

1

您是否可能需要使用 document.ready() 块来确保在执行脚本之前所有内容都已加载?(这里在黑暗中拍摄)

$(document).ready(function() {
   // code here
   $(function() {
     $("select, input, a.button, button").uniform();
   })
});

也来自统一网站:

<!-- Make sure your CSS file is listed before jQuery -->
<link rel="stylesheet" href="uniform.default.css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="jquery.uniform.js"></script>

所以你可能需要 Jquery 1.8

编辑:

这对我有用...同时使用 jQuery 1.8 和 1.10.1 我下载了 Uniform 2.1.1 并将其解压缩到 incls 文件夹中

<html>
<head>
<title>PattersonCode.ca</title>
<link rel="stylesheet" href="incls/themes/default/css/uniform.default.css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="incls/jquery.uniform.js"></script>
<script type="text/javascript">
$(document).ready(function() {
   // code here
   $(function() {
     $("select, input, a.button, button").uniform();
   })
});
</script>
</head>
 <body>
<input type="text" value="banana" size="15" />
</body>
</html>
于 2013-07-06T01:22:46.397 回答
0

可能是您的 jquery 路径错误,或者您在该文件夹中没有文件..

我想建议使用带有后备代码的 jquery CDN。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='incls/jquery.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script src="incls/jquery.uniform.js"></script>
于 2013-07-06T01:18:54.627 回答