Question

所以，我之前从未使用过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>

使用完整网址（http://pattersoncode.ca/incls/uniform.jquery.js）

解决了这个问题

Answer 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>

Answer 2

可能是你的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>

jQuery＆＃34;制服＆＃34;插件代码不起作用

2 个答案: