2013-07-06 2 views
2

이전에는 jQuery를 사용한 적이 없지만 Uniform이라고하는 스크립트가 있습니다. 그러나 작동시키지 못했습니다. 여기 jQuery "uniform"플러그인 코드가 작동하지 않습니다.

[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 파일의 시작 : 사파리 디버거에서 그것은 나에게 3 오류를주고있다

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

+0

'$'을 찾을 수 없다는 말 때문에 jQuery가로드되지 않은 것 같습니다. 브라우저 콘솔이'jquery.js '를 찾을 수 없다고보고하고 있습니까? 'jquery.js'에 jQuery가 있습니까? – Sam

+0

파일이로드 된 것 같습니다. JS 소스가 실제로 포함되어 있는지 궁금합니다. jquery.js를 열고 우연히 다운로드 된 HTML 페이지가 아닌지 확인하십시오 :) – karim79

+0

샘이 말했듯이 jQuery가로드되지 않은 것 같습니다. jquery.js의 처음 몇 줄을 게시 할 수 있습니까? – Sp3igel

답변

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을 모두 사용하여 유니폼 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> 
+0

[오류] SyntaxError : 예기치 않은 토큰 '<'(jquery.uniform.js, line 1) – Austen

+0

나는 1.8 버전 용 CDN을 사용했다. 샷. – Sp3igel

+0

그냥 그래도 작동하지 않는 = ( – Austen

0

를 사용하여 해결 jquery 경로가 잘못되었거나 해당 폴더에 파일이 없습니다.

fallback 코드와 함께 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> 
+0

이제 다음과 같이 나타납니다. [Error] SyntaxError : 예상치 못한 토큰 '<'(jquery.uniform. js, 줄 1) 및 [오류] TypeError : '정의되지 않음'은 '$ ("select, input, a.button, button")을 평가하는 함수가 아님 ,210 (익명() 함수의 index.php 라인 9) \t C (jquery.min.js, 라인 4) \t fireWith (jquery.min.js, 라인 4) \t 준비 (jquery.min.js 라인 4) \t q (jquery.min.js, line 4) – Austen

관련 문제