Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我能';t获取jQuery';s jScrollPane开始工作!:(_Jquery_Jscrollpane_Jquery Jscrollpane - Fatal编程技术网

我能';t获取jQuery';s jScrollPane开始工作!:(

我能';t获取jQuery';s jScrollPane开始工作!:(,jquery,jscrollpane,jquery-jscrollpane,Jquery,Jscrollpane,Jquery Jscrollpane,哦,沮丧 我真的度过了有史以来最令人沮丧的一个早晨。我花了4个半小时试着让它起作用 所讨论的jQuery插件是jScrollPane: 我的网页是-请在开发过程中忽略那里的测试数据;) 因此,如果您检查源代码,您将看到: jQuery(document).ready(function() { $('#newesttab').addClass('selectedtab'); $('#col2').addClass('newestcol'); $("#ajaxresults

哦,沮丧

我真的度过了有史以来最令人沮丧的一个早晨。我花了4个半小时试着让它起作用

所讨论的jQuery插件是jScrollPane:

我的网页是-请在开发过程中忽略那里的测试数据;)

因此,如果您检查源代码,您将看到:

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();
            }
        })
    });
jQuery(文档).ready(函数(){
$('newesttab').addClass('selectedtab');
$('#col2').addClass('newestcol');
$(“#ajaxresults”).fadeOut(“慢”,函数(){
$.ajax({
url:“”,
成功:功能(msg){
$('#ajaxresults').html(msg);
$(“#ajaxresults”).fadeIn(“fast”);
$('#col2').jScrollPane();
}
})
});
$('#col2').jScrollPane()
是用来触发jScrollPane的行。确实如此……但是,正如你在网站上看到的那样,div的一半被切断了。我认为这是因为35; col2有
左边距:160px
所以它被切断了一半。但是,当我尝试使用一种变通方法时,它破坏了我页面结构的其余部分

第二个问题是,如果我尝试在任何其他div上应用jScrollPane,我根本就没有效果。我尝试将#col2放入包装器,
#col2wrapper
并将其应用于此,但根本没有任何效果。这很容易让人混淆

如果有人能解决这个问题,我会非常高兴,我会给他们一个虚拟的击掌和其他欣赏的东西

谢谢


杰克

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

问题是jScrollPaneContainer的宽度。在Firebug中查看它的功能(如果您不使用它,请重新考虑,您在5分钟后看到,我能够在^^之前不知道您的代码的情况下识别问题)。尝试删除位置:jScrollPaneContainer的相对位置和位置:col2中的相对位置,这样应该会更容易

编辑:
更简单:只需从类jScrollPaneContainer中删除overflow:hidden;,就可以了。

虽然我很感谢您的帮助,但这一点都没有帮助。当然,我尝试过使用Firebug…但是jScrollPane的CSS都是动态生成的,所以更改它并不容易。从两个div中删除position:relative并不会使jScrollPane变得更简单rk比以前做的更多,它只是使divs可见,但插件仍然没有正常工作!嗨,只有一小部分CSS是动态生成的,那么删除溢出怎么样:从CSS中的jScrollPaneContainer隐藏?当你用Firebug抑制它时,我觉得很好。CSS的第一行删除了注:请把答案读到最后,这很有帮助;)不需要发言权,也不需要投反对票,我只是想通过指出我认为相关的事情来帮助你:)好的,对不起,我不是故意这样的!我已经注释掉了第一行(在我的本地副本上)现在发生的事情是,我们可以看到整个#col2,但是当你向下滚动时,#col2不再是固定的并且会“飞”到页面上。而且,我们仍然没有看到任何jScrollPane的滚动条。下一步要做什么…?谢谢你,我非常感谢你的帮助:)如果你删除了溢出:隐藏,那么你可以将位置:relative放在#col2上,这将预处理发泄一下吧。你之前的评论没问题,我知道花一整天在小问题上是什么(比如f*kin IE bugs^^)。对于滚动条问题,试着整合jScrollPane站点的简单示例,看看是否还有相同的问题。我不知道它的用途,所以不能帮你更多;)