2014-01-28 1 views
0

내가 여기 지시를 따랐다 :JCarousel이 나타나지 않는 이유는 무엇입니까?

jCarousel link

를 그리고이 나타나지 않습니다 (단지 CSS가 작동, 그것은 실제 기능은되지 나타납니다).

이 내 HTML 헤드입니다 :

<div class="jcarousel"> 
     <ul> 
      <li><img src="Images/prio_site2.png" width="600" height="400" alt=""></li> 
      <li><img src="Images/prio_site_mouseover.PNG" width="600" height="400" alt=""></li> 
     </ul> 
    </div> 

또한, 필요한 고려 CSS는 CSS 파일에 있습니다

<head> 
<link rel="stylesheet" type="text/css" href="css/style.css"/> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/scripts.js"></script> 
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script> 

<title>Sites</title> 
<script> 
$(function() { 
    $('.jcarousel').jcarousel({ 
     // Configuration goes here 
    }); 
});  
</script> 

</head> 

이 내가 회전 목마를 원하는 실제 부분입니다. 무슨 일있어? 회전 목마가 완전히 나타나지 않습니다.

+0

"완전히 나타나지 않음"이라고 말하면 부분적으로 나타 납니까? – Askanison4

+0

문제를 설명하기 위해 jsFiddle을 만들 수 있습니까? – Bobby5193

+0

@ Bobby5193 JCarousel을 필요로하는 질문에하기가 어려울 것입니다. 내가 아는 한, 플러그인의 호스트 된 버전이 없다 ... – Askanison4

답변

1
$(document).ready(function() { 
     $('.jcarousel').jcarousel(); 
    }); 

대괄호없이 함수를 호출 해 보았습니까? http://jsfiddle.net/bobby5193/2J4yk/

브래킷은 문제가되지 않을 수도 있지만 CSS 속성은 다음/이전 버튼을 검사해야합니다

나는 여기 작동 바이올린을했습니다. 또한 크롬의 개발자 도구를 사용하여 CSS 속성 또는 js 오류가 누락되었는지 확인할 수 있습니다.

+0

대괄호는 구성 객체 용입니다 ... 빈 객체가 문제를 일으킬 것이라고 생각하지 않습니다. – Askanison4

+1

@ Askanison4 - 가정이었습니다. , 대괄호가 무엇인지 알고 있지만 작동하는 바이올린을 만들고 대답을 업데이트했습니다. 아마도 CSS 속성이 없습니다. – Bobby5193

+0

@ Bobby5913 외부 JS 파일을 피들에 추가 할 수 있는지 알지 못했습니다. +1 교육용 나 뭔가 :! D – Askanison4