1

ああ、欲求不満！

私は文字通りこれまでで最も苛立たしい朝を過ごしました。私はこれを機能させるために4時間半を費やしました。

問題のjQueryプラグインはjScrollPaneです：http ：//www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

私のウェブページはhttp://furnace.howcode.comです-開発中はそこにあるテストデータを無視してください;）

したがって、ソースを調べると、次のことがわかります。

jQuery(document).ready(function() {
    $('#newesttab').addClass('selectedtab'); 
    $('#col2').addClass('newestcol');
    $("#ajaxresults").fadeOut("slow", function() {
        $.ajax({
            url: "<?php echo site_url('code/newest'); ?>",
            success: function(msg) {
                $('#ajaxresults').html(msg);
                $("#ajaxresults").fadeIn("fast");
                $('#col2').jScrollPane();
            }
        })
    });

この行$('#col2').jScrollPane();は、jScrollPaneをトリガーするための行です。そうです...しかし、サイトからわかるように、divの半分がカットされています。margin-left: 160px＃col2があるので、途中で途切れてしまうので、うまくいきました。ただし、回避策を使用しようとすると、ページ構造の残りの部分が壊れます。

2番目の問題は、jScrollPaneを他のdivに適用しようとしても、効果がないことです。＃col2をラッパーに入れて#col2wrapper適用しようとしましたが、何も機能しませんでした。それは適切に混乱しています。

誰かがこれを解決することができれば、私は彼らに仮想のハイタッチや他の感謝の気持ちを与えることを非常に嬉しく思います。

ありがとう！

ジャック

4

1 に答える 1

2

これはjScrollPane.cssに関連するCSSの問題だと思います。

問題はjScrollPaneContainerの幅です。Firebugでそれが何をするかを調べてください（使用しない場合は、これを再考してください。5分でわかりました。^^前にコードを知らなくても問題を特定できました）。jScrollPaneContainerのposition：relativeと＃col2のposition：relativeを削除してみてください。そうすれば、より簡単に機能するはずです。

編集：より単純：オーバーフローを削除するだけです：非表示; クラスjScrollPaneContainerから、それはトリックを行います。

于 2010-06-28T11:58:10.907 に答える