jquery 코드가 움직이지 않습니다.

jquery에 새로 왔습니다. 그러나 그것은 효과가없는 것처럼 보입니다. 저는 애니메이션 작업을하려고하는데 문자 그대로 메모장에 코드를 복사하여 붙여 넣고 xxx.html로 저장했습니다. https://api.jqueryui.com/bounce-effect/이jquery 코드가 움직이지 않습니다.

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>bounce demo</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <style> 
    #toggle { 
    width: 100px; 
    height: 100px; 
    background: #ccc; 
    } 
    </style> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
</head> 
<body> 
<p>Click anywhere to toggle the box.</p> 
<div id="toggle"></div> 

<script> 
    $(document).click(function() { 
    $("#toggle").toggle("bounce", { times: 3 }, "slow"); 
}); 
</script> 
</body> 
</html>

이 사이트에서 완벽하게 작동하지만 난 구글 크롬이나 오페라에서 실행하면, 그냥 작동하지 않습니다 - 여기 JQuery와 사이트입니다에서 내가 그것을 가지고 곳. 그것은 움직이지 않습니다. 이유가 확실하지 않습니다. 아무도 도와 줄 수 있습니까? 감사.

출처

2016-08-28 Osarhieme Aghedo

질문 도움말 코드는 질문 자체 (** Stack Snippet (https://blog.stackoverflow.com/2014/09/))에서 재현하는 데 필요한 가장 짧은 코드를 포함해야합니다. 도입 구동 가능한 자바 스크립트 CSS - 앤 - HTML 코드 단편 /). A [, 최소 완료하고 검증 가능한 예]를 만드는 방법을 참조하십시오 (http://stackoverflow.com/help/mcve). – andreas

HTML 코드에서 JQuery 라이브러리를 링크 했습니까? 또한 코드를 게시하면 누구나 답변을 시도하는 데 큰 도움이됩니다. 사람들이 대신 추측을하는 데 도움이 시도 할 수 있도록 당신이 당신의 HTML에서 jQuery를 및 jQuery를 UI libs와 포함했다 – Joseph

당신은 코드에 필요한 최소를 제공해야합니까? 또한 항상 콘솔을 확인하십시오 (** F12 **) –

웹 서버를 통해 파일을 실행하지 않고 파일을 열면이 컴퓨터에서 예제를 실행할 수 있습니다.

이 예제에서는 //을 사용하여 브라우저 막대에서 사용한 프로토콜을 따르는 jQuery 파일을로드합니다. 예 : http:// 또는 https://. 당신이 file://를 통해 로컬로 열 때문에

그러나 그것은 file://를 통해 또 다른 파일을로드하려고합니다. 로컬에 다른 파일이 없습니다.

는 그래서 프로토콜는 jQuery를 경로를 업데이트 수동입니다 수정하고 추가 할 수

가장 쉬운 방법 :

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

코드를 변경하지 않고 그것을 해결하려는 다른 방법은 웹 서버를 통해 그것을 요청하는 파일을 실행하는 것입니다 https://xxxxx.xxx 또는 http://xxxxx.xxx

출처

2016-08-28 22:37:09

jquery 코드가 움직이지 않습니다.

답변

관련 문제