0

次の要件があります。1 つの div に多くの div があります。一度に 1 つの div を 30 秒間表示し、次の div などを表示したい..

<div id="Parent">

    <div id="Child1">
     I am DIV 1
    </div>

    <div id="Child2">
     I am DIV 2
    </div>

    <div id="Child3">
     I am DIV 3
    </div>

</div>

ajaxとjqueryでどのように可能ですか?

4

2 に答える 2

2

の内容がdiv変わらない場合は を使用しますjQueryが、内容を変更できる場合は で取得する必要がありますajax。

各反復で ajax を使用して静的コンテンツを取り込むことは無意味であり、マシンと帯域幅の余分なリソースを消費します。setIntervaldiv を次々に表示するために使用でき、ajax でコンテンツを持ってくる場合と持っていない場合に使用されます。

于 2013-10-17T11:00:16.487 に答える
1 
 (function () {
   $('#Parent div').hide().first().show();
   setInterval(function () {
    $('#Parent div:first').hide().next().fadeIn().end().appendTo("#Parent");
   }, 3000);

})();

http://jsfiddle.net/F98zF/12/

コードで 3000 を 30000 (3 秒から 30 秒) に変更します。

于 2013-10-17T11:26:05.757 に答える