jquery scrollpane不工作

我想應用scrollpane jquery工具，這應該很容易，但我不明白爲什麼它不給任何生命的跡象......我想我可能在jquery中做了一些錯誤的命令連接。這是我連接的HTML中的圖像：jquery scrollpane不工作

<!-- JAVASCRIPT CONNECTIONS --> 
     <script type="text/javascript" src="_js/jquery-1.7.2.min.js"></script> 
     <script type="text/javascript" src="_js/jquery.scrollTo.js"></script> 
     <script type="text/javascript" src="_js/scroll_resize.js"></script> 
     <script type="text/javascript" src="_js/onload.js"></script> 
     <!-- <script type="text/javascript" src="script/gen_validatorv31.js" language="JavaScript"></script> --> 
     <script type="text/javascript" src="_js/jquery.mousewheel.min.js"></script> 
     <script type="text/javascript" src="_js/jScrollPane.js"></script> 
     <script language="javascript" src="_php/calendar/calendar.js"></script> 
     <script src="_js/jquery.prettyPhoto.js"></script> 
     <!-- IE upgrade for crossbrowser --> 
     <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> 

     <!-- CSS CONNECTIONS --> 
     <link type="text/css" rel="stylesheet" href="_css/style.css" media="screen"/> 
     <link type="text/css" rel="stylesheet" href="_css/prettyPhoto.css" media="screen" /> 
     <link type="text/css" rel="stylesheet" href="_css/jScrollPane.css" media="screen"/> 
     <link type="text/css" rel="stylesheet" href="_php/calendar/calendar.css" media="screen"/> 


     <!-- JQ Initialization --> 
     <script type="text/javascript" charset="utf-8"> 
      $(document).ready(function(){ 
      $("a[rel^='prettyPhoto']").prettyPhoto({ 
       theme: 'light_square', 
       opacity:'0.70', 
       counter_separator_label: ' of ', 
       autoplay: false 
       }); 
      }); 
     </script> 

     <script type="text/javascript"> 
      $(function(){ 
       $('.scroll-pane').jScrollPane({scrollbarWidth:20, scrollbarMargin:10}); 
      }); 
     </script>

由於website說我已經插入neccesary文件，並在我的HTML插入類.scroll窗格一個div，我已經插在CSS中溢出：自動評論。我插入了溢出-y，我也不工作。

在這裏你會發現我已經應用於div的CSS也已經分配了class =「。scroll-pane」。

CSS應用到我想要一個特殊的滾動條的div：

#music_box{ 
    height: 60%; 
    width: 40%; 
    overflow: auto; 
    margin-top: 1%; 
}

我已經花了一些時間與這個小錯誤...

來源

2012-09-04 Daniel Ramirez-Escudero

是否已經設置的高度滾動窗格到CSS？

.scroll-pane{ 
height:100px; //example 
}

來源

2012-09-04 19:40:05

不，但如果我適用身高，沒有任何反應。我也嘗試將.scroll-pane應用於#music_box，但沒有結果。有任何想法嗎？ –

亞歷山德羅，感謝您的幫助，但我發現我的問題。

基本上我是在一個網站，有一個不同的JavaScript信息比原來的。所以我混合了兩個版本的javascript內容。我慢慢地複製了源代碼中找到的相同內容。

我檢查了其他網站，但this似乎爲我工作。它也非常有據可查。對不起，我不記得其他網站。對不起，所有的麻煩......

來源

2012-09-05 07:32:26

jquery scrollpane不工作

回答

相關問題