jquery - bx 滑块加载破坏了卡扣到位

Question

在所有浏览器中，我的 bxSlider 加载时不带样式并显示所有级别，然后向左移动，直到脚本启动并卡入到位。

我尝试使用 style="display:none" 设置它所在的 div，然后在页面下方放置这个 $(document).ready(function(){ $('#div-id').css({'display ': '块'}).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');  });