我无法让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