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

呵呵,无奈!我无法让jQuery的jScrollPane工作! :(

我已经字面上最令人沮丧的早晨永远。我已经花了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,所以它会中途切断。但是,当我尝试使用解决方法时,它会打破我的页面结构的其余部分。

第二个问题是,如果我尝试并将jScrollPane应用于任何其他div,我根本没有任何效果。我试着把#col2放在一个包装中,#col2wrapper并将其应用于此,但没有任何工作。这很容易混淆。

如果任何人都可以解决这个问题,我会非常高兴的,我会给他们一个虚拟的高五和其他感激的东西。

谢谢!

杰克

回答:

我觉得这是jScrollPane.css更多有关CSS问题,

的问题是jScrollPaneContainer的宽度。看看Firebug的功能(如果你不使用它,请重新考虑这个问题,你在5分钟内看到,我能够在不知道你的代码之前就能识别问题^^)。尝试删除位置:jScrollPaneContainer的相对位置:position#col2中的relative,它应该更容易。编号: 简单:只需删除overflow:hidden;从类jScrollPaneContainer,它会做的伎俩。

以上是 我无法让jQuery的jScrollPane工作! :( 的全部内容, 来源链接: utcz.com/qa/265371.html

回到顶部