1

我正在尝试应用滚动窗格 jquery 工具,这应该很容易,但我不明白为什么它没有给出任何生命迹象......我想我可能在 jquery 连接中做了一些错误的命令。这是我在 html 中的连接图像:

<!-- 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>

正如网站所说,我已经插入了必要的文件并在我的 html 中插入了一个带有 .scroll-pane 类的 div,并且我在 css 中插入了 overflow: auto,因为他们评论。我已经插入了溢出-y,我也不工作。

在下面你会发现我应用到 div 的 CSS,它也分配了 class=".scroll-pane"。

CSS应用于我想要一个特殊滚动条的div:

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

我已经花了几个小时来处理这个小错误......

4

2 回答 2

0

亚历山德罗,感谢您的帮助,但我发现了我的问题。

基本上我在一个与原始的 javascript 信息不同的网络中。所以我混合了两个版本的javascript内容。我慢慢地复制了在源代码中找到的文件的相同内容。

我检查了其他网站,但这个似乎对我有用。它也有很好的记录。对不起,我不记得其他网站了。对不起所有的麻烦...

于 2012-09-05T07:32:26.977 回答
0

您是否将滚动窗格的高度设置为css?

.scroll-pane{
height:100px; //example
}
于 2012-09-04T19:40:05.923 回答