0

jScrollPaneを実装しようとしています。しかし、コンソールでいくつかのエラーが発生しています。それらはすべてですTypeError: $drag[0] is undefined. maxY = trackHeight - $drag[0].offsetHeight;

Scrollpaneはdivを認識しています-jScrollPaneScrollableでラップし、標準のブラウザースクロールバーを削除します-しかし、スクロールバーを適用したり、スクロールを許可したりしないと、コンソールに上記のエラーが表示されます。

私のHTML:

<div id="homePageOffersWindow">
        <div class="homePageOffersContainer">
            <div class="homePageOfferBlock">
                <h3>HELI HIKES</h3>
                <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. </p>
                <p><strong>Save $23 per person</strong></p>
                <div class="clear"></div>
                <a href="#" class="stdButton whiteBlue">MORE DETAILS</a>
            </div>
            <div class="homePageOfferBlock">
                <h3>HELI HIKES</h3>
                <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. </p>
                <p><strong>Save $23 per person</strong></p>
                <div class="clear"></div>
                <a href="#" class="stdButton whiteBlue">MORE DETAILS</a>
            </div>
        </div>
    </div>

jQuery:

$('#homePageOffersWindow').jScrollPane();

CSS:

#homePageOffersWindow{height: 200px; overflow: auto}
    .homePageOffersContainer{}
    .homePageOfferBlock{margin:0 0 20px;}
    .homePageOfferBlock:last-child{margin-bottom: 0}

何か案は?

4

1 に答える 1

1

あなたのjqueryバージョンの代わりにjquery 1.4.2を呼び出してみてください <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

于 2012-10-17T05:34:31.750 に答える