bx滑块加载了按扣到位

Question

在所有浏览器中，我的bxSlider在没有样式的情况下加载并显示所有级别，并向左移动，直到脚本启动并卡入到位。

我尝试使用style =“display：none”设置它所在的div，然后在页面上放下它     $（文件）。就绪（函数（）{     $（'＃div-id'）。css（{'display'：'block'}）。animate（）;                }）; 我尝试了几种不同的语法，但对于我的生活，我无法让它工作。 任何人都会看到明显或有想法的东西

感谢

Answer 1

这样做

$('#div-id').css('display','block');

而不是

$('#div-id').css({'display': 'block'}).animate();

HTML：

<div id="div-id"><ul class="slider"><li><a rel="gallery" href="img/carousel/1.jpg"><img src="img/carousel/1.jpg" width="170" height="150" /></a></li></ul></div>

的CSS：

#div-id {display: none}

JS：

$(document).ready(function() { $('#div-id').css('display','block'); });

或者，在我的示例中，我使用的是ul标记，以下内容同样如此： html（不需要div）：

<ul class="slider"><li><a rel="gallery" href="img/carousel/1.jpg"><img src="img/carousel/1.jpg" width="170" height="150" /></a></li></ul>

的CSS：

.slider ul {    display:none;   }

JS：

$(document).ready(function() {      $('.slider ul').css('display','block');  });