2011-03-22 3 views
0

데모 라인을 복사했는데 내용이로드되고 스크롤 막대가 사라지는 것입니다.jQuery ScrollPane이 어떤 이유로 작동하지 않습니다.

나는

사람이 플러그 경험이 ... 스크롤 막대 때 컨텐츠의로드를 사라하지만 내 인생 내가 이유를 알아낼 수 없기 때문에 JScrollPane의 함수가 호출되어 적용되고 알 -에서?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<title>Test</title> 
<link type="text/css" href="/_assets/js/jquery.jscrollpane.css" rel="stylesheet" media="all" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="/_assets/js/jquery.jscrollpane.min.js"></script> 
</head> 
<body> 
<script type="text/javascript"> 
$(function() 
{ 
$('.scroll-pane').jScrollPane(); 
}); 
</script> 
<div id="container"> 
<div id="content"> 
<div class="scroll-pane" style="width:100%;height:100px;overflow:auto;"> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet, sapien eget tincidunt fermentum, urna justo rutrum tortor, molestie pharetra dolor leo non velit. Donec sem magna, cursus congue feugiat iaculis, viverra eget sapien. Cras fringilla adipiscing pharetra. Sed semper nisi nec purus vulputate at iaculis enim venenatis. Pellentesque adipiscing, erat laoreet euismod semper, metus magna rutrum orci, nec convallis leo dolor vitae sem. Nunc malesuada consequat blandit. Sed sed urna sed arcu porttitor semper sed molestie dui. Sed sed dolor nibh. Aenean a metus est. Maecenas quam felis fringilla nec rhoncus vel, interdum eu mauris. Nulla sapien tellus, condimentum nec blandit sed, laoreet ac dui. Vestibulum vitae odio eget libero facilisis venenatis et eget justo. Aliquam velit ligula, cursus sed imperdiet vel, convallis ac urna. Maecenas quis eros ante. Pellentesque blandit enim suscipit purus vestibulum tempor vulputate leo sollicitudin. Nunc viverra lacus vel urna scelerisque sed tempor tortor congue. Suspendisse aliquam aliquam convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
<br /><br /> 
Vivamus sit amet sapien lacus. Aliquam id augue eget neque dictum ultricies vitae sit amet lacus. Sed tempus pulvinar ullamcorper. Nunc fringilla tincidunt justo vel imperdiet. Morbi aliquam eleifend aliquet. Sed id sagittis purus. Morbi sem dui, feugiat a posuere non, tincidunt sit amet dolor. Nullam tristique dolor ut dui convallis id egestas eros tincidunt. Mauris a orci sit amet nisi viverra convallis quis quis mi. In id ligula quis justo facilisis pellentesque eu in metus. 
</div> 
</body> 
</html> 

답변

1

난 당신의 코드 here를 다시했습니다 그리고 내가 CSS 링크를 추가 할 때 작업을 시작했다. 코드에서 CSS 링크가 서버에서 호스팅되므로 직접 볼 수는 없지만 해당 URL에서 파일을 사용할 수 있는지, 올바른 파일인지 확인합니다.

jScrollPane의 버전 1에서 CSS 링크를 얻었습니다.

당신은 또한 가치있는 것을 위해 closing/div가 없습니다.

편집 : This 위의 링크를 의미합니다. 혼란이 생겨서 죄송합니다.

+0

이상하게도 필자는 피들링을 시도하고 시도해 보았지만 여전히 CSS 및 .js 링크를 내가 알고있는 링크로 대체 할 때도 작동하지 않습니다. (그리고 제 것도 알고 있습니다!) =) – Tom

+0

이봐, 나는 바보 야. 위의 작업 버전에 연결하려고했습니다. 나는 그것을 다시 만들고 대답을 업데이트 할 것이다. – aptwebapps

관련 문제