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 にオーバーフロー: auto をコメントとして挿入しました。オーバーフロー y を挿入しましたが、どちらでも動作しません。

その下には、class=".scroll-pane" も割り当てられている div に適用した CSS があります。

特別なスクロールバーが必要な div に適用された CSS:

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

この小さなエラーですでに数時間を費やしました...

4

2 に答える 2

0

アレッサンドロ、助けてくれてありがとう、しかし私は私の問題を見つけました.

基本的に、私はオリジナルとは異なる JavaScript 情報を持つ Web にいました。そのため、2 つのバージョンの JavaScript コンテンツを混在させました。ソースで見つかったファイルの同じ内容をゆっくりとコピーしました。

他のウェブサイトをチェックしましたが、これは私にとってはうまくいくようです。また、非常によく文書化されています。申し訳ありませんが、他のウェブサイトを思い出せません。いろいろとお手数おかけしてすみません…

于 2012-09-05T07:32:26.977 に答える
0

css にスクロール ペインの高さを設定しましたか?

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