2011-08-04 1 views
0

매우 간단한 질문인데 죄송하지만 SO 또는 jScroll google 그룹에서 답변을 찾을 수 없습니다.특정 개체에서 jScrollPane을 지원하지 않습니까? 스크롤바에 사용자 정의 CSS가 적용되지 않았습니다.

현재, 내 코드는 본질적으로 :

<div id="wrapper"> 
    Content here. 
</div> 

그런 다음, $ (문서)에서 호출 함수의 내부는 .ready, 내가 가진 :

$('#wrapper').jScrollPane({ showArrows: true, verticalArrowPositions: 'after'}); 

그러나, 내가받은 오류가 :

SCRIPT438: Object doesn't support property or method 'jScrollPane' 

재미있는 점은 코드가 현지화 된 스크롤바를 래퍼 div에 성공적으로 적용한다는 것입니다. 그러나 사용자 정의 CSS는 적용되지 않으며 Firebug를 체크인 할 때 jScroll은 자체 스크롤바를 만들지 않습니다. 브라우저의 기본 스크롤 막대 디자인 만 나타나는 이유입니다.

이 오류의 의미를 알려주세요. 객체가 div이므로 jScrollPane을 지원하지 않는 이유를 알 수 없습니다. 올바른 CSS와 JS 파일이 모두 가리키고 있으며 Firebug에서 해당 사이트가 사이트를로드하고 있다고 알려줍니다. 모든 브라우저에서 동일한 문제가 있습니다.

링크를 제공하지 못해 사과드립니다. 프로젝트는 회사의 내부 서버에 있습니다. 조언 해 주셔서 감사합니다.

편집 : 다음은 내 링크/스크립트가 헤더에서 어떻게 보이는지입니다.

<link type="text/css" href="jscroll/jScrollPane.css" rel="stylesheet" media="all" /> 
<script type="text/javascript" src="jscroll/jquery.mousewheel.js"></script> 
<script type="text/javascript" src="jscroll/jScrollPane-min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

EDIT : RESOLVED. 정확히 이것이 문제가 해결 된 이유인지는 확실치 않지만, 현재 작업하고있는 페이지의 다른 부분이 더 많은 jQuery 버전을 호출하고 있다는 것을 알았습니다. jScrollPane 자습서 페이지에서 호출 된 버전이므로 위에 표시된 호출을 제외한 모든 호출을 제거했습니다. 문제를 해결하는 것으로 보입니다.

모두에게 감사드립니다.

+0

include jquery 또는 jscrollpane 플러그인에'script' 태그가 없습니다. – Prusse

+0

내가 게시물에 말했듯이, 방화범이 끌리는 곳을 체크인 할 때, 그것은 외부 CSS와 js 파일을 모두로드 할 수 있습니다. 필자의 경우 헤더가 어떻게 보이는지를 포함 시켰습니다. 다른 아이디어? – Sisi

+0

당신이 자리하고 있어요 - jQuery 1.10.2를 사용하고있었습니다 - jQuery 1.4.2로 되 돌리는 것도 내 문제를 해결했습니다 - 운좋게도 Drupal을 사용하면 jQuery 1.4.2를 사용할 수 있음을 의미했습니다 ... – mattbee

답변

1

이 해결되었습니다. 이 문제가 정확히 해결되었는지는 확실하지 않지만, 작업중인 페이지의 다른 부분이 더 많은 jQuery 업데이트 버전을 호출한다는 사실을 알고있었습니다. jScrollPane 자습서 페이지에서 호출 된 버전이므로 위에 표시된 호출을 제외한 모든 호출을 제거했습니다. 문제를 해결하는 것으로 보입니다.

관련 문제