我对 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 包装器。
希望这有帮助!
关于jquery - JScrollpane 不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6356250/