2011-03-22 48 views
0

我想讓jscrollpane在一個非常簡單的頁面上工作,但由於某種原因,它不工作。當我刪除jscrollpane的腳本,但包含它時沒有滾動條的圖像時,它具有正常的滾動條。我想知道是否有人可以看看,看看是否有什麼明顯的錯誤。試圖讓jscrollpane第一次工作,沒有成功!

感謝

尼克

http://nickharambee.dyndns.org/examples/jscrollpane.html 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<head> 

<!-- styles needed by jScrollPane --> 
<link type="text/css" href="jquery.jscrollpane.css" rel="stylesheet" media="all" /> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 

<!-- the mousewheel plugin - optional to provide mousewheel support --> 
<script type="text/javascript" src="jquery.mousewheel.js"></script> 

<!-- the jScrollPane script --> 
<script type="text/javascript" src="jquery.jscrollpane.min.js"></script> 

<script type="text/javascript"> 
    $(function() 
    { 
     $('.scroll-pane').jScrollPane(); 
    }); 
</script> 

<style> 

.scroll-pane { 
    width: 200px; 
    height: 200px; 
    overflow: auto; 
} 
</style> 
</head> 


<html> 
<body> 

<div class="scroll-pane"><img src="../files/nancy.jpg"></div> 

</body> 
</html> 

回答

0

是您jscrollpane腳本代碼加載?確保你指向的文件實際上在那裏。

<script type="text/javascript" src="jquery.jscrollpane.min.js"></script> 

如果你有一個JavaScript控制檯(例如,Safari瀏覽器,Chrome瀏覽器或Firefox瓦特/螢火蟲)瀏覽器,那麼你可以鍵入$('.scroll-pane').jScrollPane如果是undefined,則庫不正確加載。

+0

感謝您的回覆。由於某種原因它開始工作!我不知道爲什麼。也感謝控制檯提示。便利。 – Nick 2011-03-24 17:04:01