Question

哦，沮丧！

我确实有过最令人沮丧的早晨。我花了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被切断了。我努力工作是因为＃col2有margin-left: 160px所以它中途切断了。但是，当我尝试使用变通方法时，它会破坏我的页面结构的其余部分。

第二个问题是，如果我尝试在任何其他div上应用jScrollPane，我就没有效果。我尝试将＃col2放在一个包装器#col2wrapper中并将其应用到它，但一切都没有用。这是令人困惑的。

如果有人能解决这个问题，我会非常高兴我会给他们一个虚拟的高五和其他感激之情。

谢谢！

杰克

Answer 1

我认为这是与jScrollPane.css相关的更多css问题，

问题是jScrollPaneContainer的宽度。看看Firebug它做了什么（如果你不使用它，重新考虑这一点，你在5分钟内看到，我能够在不知道你的代码之前识别问题^^）。尝试删除位置：jScrollPaneContainer的相对位置和＃col2中的position：relative，它应该更容易工作。

编辑：更简单：只需删除溢出：隐藏;从类jScrollPaneContainer开始，它就可以了。

我无法让jQuery的jScrollPane工作！ :(

1 个答案: