2

OK-認めます、私はこのjQuery部門の初心者です。私はおそらくアマチュアの間違いを犯したかもしれませんが、ねえ、あなたはどこかで学ばなければなりません！:)

だから私はjScrollPaneを使用しています：http ：//www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

2番目の列のスクロール可能な領域のスタイルを使用したいと思います。具体的には、divのスクロールバーを適用してフォーマットしたいと思います#ajaxresults

私のページは...かなりjQueryが重いです。変数が競合しているかどうかはわかりません...実際、これが機能しない理由はまったくわかりません。

私の問題のあるページを見てください：http： //furnace.howcode.com

ヘッダーで、これを次のように設定しました。

    <!-- Includes for jScrollPane --> 
<script type="text/javascript" src="http://localhost:8888/js/jquery.mousewheel.min.js"></script> 
<script type="text/javascript" src="http://localhost:8888/js/jScrollPane.js"></script> 
<link rel="stylesheet" type="text/css" media="all" href="http://localhost:8888/stylesheets/jScrollPane.css" /> 
<script type="text/javascript"> 
$(function() {
    $('#ajaxresults').jScrollPane();
});
</script>

（サーバーコピーのローカルホストを変更しましたが）

#ajaxresultsdivでは何も機能しないようです。jScrollPaneのドキュメントにあるように、私はそれに設定しましoverflow:autoたが、それでも運がありません。jScrollPaneが「実行」されているように見える場合、divを約100ピクセル下に移動するだけであることがわかりました。自分で試してみてください。

おそらく誰かが助けることができますか？そこにはかなりの数のjQueryプラグインがあるので、何かが衝突/クラッシュしているのかどうかはわかりません...

このサイトは私と友人の間でまだ開発中であり、私たちがお互いに送信する個人的なメッセージを説明していることに注意してください（「こんにちはドニー！」など：D）。また、ページを表示すると、2番目の列に数秒間何も表示されない場合があります。Ajaxを介してデータをフェッチしているだけです。少し時間を取ってください。

どうもありがとう！

ジャック

4

1 に答える 1

0

あなたのコードを見た後、私が最初に気付くのは、JSコードを「ajaxresults」div内に配置したことです。一般に、コードをターゲットdivの外に置くのが最善です。次のように空のdivを配置します。

<div id="ajaxresults" class="scroll-pane"></div>

下部にあるjQueryを使用して、.append（）や.html（ ）などを入力します。たくさんのオプションがあります。私が選ぶことができるものはもっとたくさんあると確信していますが、これは私が提案する最初の大きな変更のようです。

これは少しプロセスかもしれません。

また、 Firebugをまだお持ちでない場合は、コピーを入手することをお勧めします。これは、jQueryのデバッグに非常に役立ちます。

于 2010-05-09T13:59:55.683 に答える