0

すべてのブラウザーで、私の bxSlider はスタイリングなしで読み込まれ、すべてのレベルが表示され、スクリプトが起動して所定の位置に収まるまで左にシフトされます。

style="display:none" を使用して div を設定しようとしましたが、ページの下の方に $(document).ready(function(){ $('#div-id').css({'display ': 'ブロック'}).animate(); }); 私はいくつかの異なる構文を試しましたが、私の人生ではうまくいきません。明らかなことを見たり、アイデアを持っている人

ありがとう

4

1 に答える 1

0

これを行う

$('#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');  });
于 2012-07-03T15:53:38.680 に答える