JScrollpane未显示

我的jscrollpane有问题。当我加载网页时,没有显示jscrollpane,但是如果我单击页面的链接之一然后返回,则jscrollpane会正确显示。 该网站为www.noved.info,未显示的jscrollpane是“ casos de exito”部分中的内容。如果单击这些链接之一,然后返回,您将看到jscrollpane正常工作。 Jscrollpane已经在上述提到的div上进行工作。 提前致谢。 div无效的代码是: CSS:
.lista_exitos
{
    margin-left:5px;
    width:390px;
    height:400px;
    overflow:auto;
}
HTML:
<div id=\"portfolio_container\" class=\"contenedor_inferior\" style=\"margin-left:7px;margin-top:5px;width:400px;height:413px;background-image:url(css-images/fondo_portfolio.png)\">
    <div style=\"height:10px\"></div>
    <div class=\"lista_exitos\">
    <?php
    // PHP STUFF FOR GETTING DATA FROM DATABASE
         while ($fila = mysql_fetch_assoc($result))
         {
            echo \'<p style=\"float:left;margin:0px;margin-left:5px;margin-bottom:5px\"><a href=\"portfolio.php?id=\'.$id.\'\" alt=\"\'.$nombre.\'\" style=\"margin-right:3px\">
            <img src=\"imagenes/portfolio/\'.$logo.\'\" width=\"180\" border=\"0\" align=\"absmiddle\">
            </a></p>\';
         }
    ?>
    </div>
</div>
<script type=\"text/javascript\">
    $(\'.lista_exitos\').jScrollPane();
</script>
    
已邀请:
        您必须将jScrollPane附加到加载事件,否则它将尝试在加载之前将其自身应用于内容。 jScrollPane不能“看到”整个内容,因为该内容尚未完全加载,并且“认为”不需要该内容。当您从另一个页面返回时,整个内容已加载,并且jScrollPane会自动应用。 归结为:
<script type=\"text/javascript\">
$(window).load(function() {
    $(\'.lista_exitos\').jScrollPane();
}); 
</script>
我建议每次使用jScrollPane时都使用$(window).load包装器。 希望这可以帮助!     
        这项工作对我来说
<div class=\"lista_exitos\">
    <div>  <!--- fake div for counting content height --->
       <p>long text ...</p>
    </div>    
</div>
    

要回复问题请先登录注册