jscrollpane이 작동하지 않습니다. 아마도 jquery 충돌일까요?

Question

.jscrollpane 스크롤바를 원하지만 표시되지 않고 방화 광이 오류를 감지하지 않습니다. 나는 cufon 글꼴 대체, prettyPhoto 라이트 박스 및 ul을 정렬하는 간단한 포트폴리오 필터를 수행하고 있습니다. jQuery noConflict 모드를 살펴 보았지만 이것이 문제인지 파악할 수 없다. 그렇다면 내 경우에 어떻게 사용하는지 알아낼 수 없다.

<link rel="stylesheet" type="text/css" href="styles.css" /> 
    <link rel="stylesheet" href="prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> 
</script> 
<script src="scripts/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> 
     <script src="scripts/cufon-yui.js" type="text/javascript"></script> 
     <script src="scripts/trajan.font.js" type="text/javascript"></script> 
     <script type='text/javascript' src="scripts/jscrollpane-1.2.1.js"></script> 
     <script type='text/javascript' src="scripts/mousewheel.js"></script> 
     <script type='text/javascript' src="scripts/mwheelintent.js"></script> 

을 그리고 나는 머리 끝나기 전에 prettyPhoto, 포트폴리오 필터 및 JScrollPane의 스크립트를 실행할 수 $(document).ready(function(){를 사용 : 여기

내가 헤더 스크립트에서 호출하는거야 방법입니다. PrettyPhoto 및 portfolioFilter는 작동하지만 jscrollpane은 변경 사항을 렌더링하지 않지만 Firebug는 오류를 감지하지 않습니다.

#box { 
width:auto; 
height:600px!important; 
position:absolute; 
margin-top:10px; 

내가 소스에서 직접 JScrollPane의의 CSS를 포함했으며, 같은 스타일 선택기 클래스가 :

JScrollPane의 이러한 속성과 사업부 아이디라는 #box에 (class="scroll-pane" 사용) 적용되고 이 :

.scroll-pane { 
overflow-y:auto!important; 
position:relative; 
display:block; 
} 

문제는 당신의 최신 버전으로 업데이트해야 http:ricardojattan.com/portfolio.html

Answer 1

라이브 볼 수 있습니다 jScrollPane.