2011-03-22 60 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鏈接,以防萬一。

你也錯過了它的價值。

編輯:This是我的意思是鏈接到上面。對不起,造成任何混亂。

+0

奇怪的是,我走過去試了一下,仍然無法讓它工作,即使我用我知道工作的鏈接替換CSS和.js鏈接(我知道我的也是!)。 =) – Tom 2011-03-22 16:51:07

+0

男人,我是個白癡。我打算鏈接到上面的工作版本。我會重新創建並更新答案。 – aptwebapps 2011-03-23 16:32:19