Я хочу сделать полосы прокрутки .jscrollpane, но они не отображаются, и firebug не выдает никаких ошибок.Я занимаюсь заменой шрифта cufon, надписью prettyPhoto и простым фильтром портфолио, который сортирует ul.Я посмотрел в режиме jQuery noConflict, но не могу понять, если это проблема, и если это так, как использовать его в моем случае.
Вот как я вызываю скрипты в заголовке:
<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="stylesheet" href="prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
</script>
<script src="scripts/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script src="scripts/cufon-yui.js" type="text/javascript"></script>
<script src="scripts/trajan.font.js" type="text/javascript"></script>
<script type='text/javascript' src="scripts/jscrollpane-1.2.1.js"></script>
<script type='text/javascript' src="scripts/mousewheel.js"></script>
<script type='text/javascript' src="scripts/mwheelintent.js"></script>
И затем я использую $(document).ready(function(){
для запуска prettyPhoto, фильтра портфолио и сценариев jscrollpane до конца главы.PrettyPhoto и portfolioFilter работают, но jscrollpane не отображает никаких изменений, но Firebug также не обнаруживает ошибок.
jscrollpane применяется (используя class="scroll-pane"
) к идентификатору div с именем #boxс этими атрибутами:
#box {
width:auto;
height:600px!important;
position:absolute;
margin-top:10px;
Я включил jscrollpane CSS непосредственно из источника, и у класса селектора есть такой стиль:
.scroll-pane {
overflow-y:auto!important;
position:relative;
display:block;
}
Эту проблему можно увидеть вживую на Http: ricardojattan.com/portfolio.html