Jquery의 원형 교차가 작동하지 않습니다.

Question

Jquery를 사용하여 이미지를 애니메이션으로 만듭니다. 그러나 다음 오류가 발생합니다.

TypeError: $(...).roundabout is not a function 

내 코드는 다음과 같습니다.

<div class="gallery" > 
<ul> 
<li><img src="/images/15-1368597729-csk12-600.jpg" alt="Test Image 1" width="320px" height="320px" /> </li> 

<li><img src="/images/15-larry-page-300.jpg" alt="Test Image 1" width="320px" height="320px" /> </li> 

<li><img src="/images/16-1368691358-harbajan-singh-600.jpg" alt="Test Image 1" width="320px" height="320px" /> </li> 

<li><img src="/images/16-uma-bharti-300.jpg" alt="Test Image 1" width="320px" height="320px" /> </li> 

<li><img src="/images/Firefox_wallpaper.png" alt="Test Image 1" width="320px" height="320px" /> </li> 

<li><img src="/images/empty_user.png" alt="Test Image 1" width="320px" height="320px" /> </li> 

</ul> 

</div> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.roundabout.min.js"></script> 
<script type="text/javascript"> 

$(document).ready(function() { 
    $("ul").roundabout({ 
     shape: 'lazySusan' 
}); 

}); 
</script> 

하지만 다음과 같은 오류가 발생합니다.

형식 오류 : $ (...) 로터리는이 문제를 해결하는 데 도움 주시기 바랍니다 함수

없습니다.. 미리 감사드립니다 ...

Answer 1

나는 경로가 정확하다는 것을 확신합니다 ... 경로가 올바른지 확인하십시오. (코드는이 파일이있는 폴더와 동일해야합니다). 그것은,보기 페이지입니다로드되거나되지 않은 경우이 브라우저가 제대로로드되지 않음을 의미 로터리라는 함수를 .. 찾을 수 없습니다 의미

TypeError: $(...).roundabout is not a function

..

한 가지 방법 확인 soucre 페이지를 마우스 오른쪽 버튼으로 클릭하면 ...보기 소스에서 원형 교차로 스크립트 링크를 클릭하십시오. 다른 페이지가로드되는 동안 개발자 도구 (chrome) 또는 firbug (firefox)를 확인하십시오.

Answer 2

이 질문은 오래된 질문이지만, 여전히 나와 같은 사람들이 내 대답에 도움이 될 수 있습니다. 나는 같은 문제가 있었는데 그 스크립트가 두 번 스크립트를로드하여 발생한다는 것을 알았습니다. 내 파일에 다음 줄이 있지만이 파일은 이미 헤더에있는 포함 파일에로드되어 있습니다.

<script type="text/javascript" src="../js/jquery-3.1.1.min.js" ></script> 
<script type="text/javascript" src="../js/jquery-ui.js" ></script> 
<script type="text/javascript" src="../js/cufon-yui.js"></script> 

왜 이런 문제가 발생할 수 있는지는 모르겠지만 위의 해결 방법을 제거하십시오.