0

項目の周りに div を動的に追加し、2 番目のビットを実行して項目を回転させる必要があります。

これまでのところ、div を追加できますが、2 番目の部分が必要に応じて読み込まれません。

<div id="ContentFeed">
<div class="newsItem">Text</div>
<div class="newsItem">Text</div>
<div class="newsItem">Text</div>
<div class="newsItem">Text</div>
<div class="newsItem">Text</div>
</div>

<script>$('#ContentFeed .newsItem').wrapAll('<div id="slider" />');</script>


    <div id="ContentFeed">
     <div id="slider">
        <div class="newsItem">Text</div>
        <div class="newsItem">Text</div>
        <div class="newsItem">Text</div>
        <div class="newsItem">Text</div>
        <div class="newsItem">Text</div>
    </div>
   </div>

<script>
$(function(){
    $('#slider').bxSlider({
        auto: false,
        displaySlideQty: 6,
        moveSlideQty: 6,
        pagerType: short,
        pager: true
  });
});
</script>

動的に追加された div を表示するために 2 番目の部分を取得する方法はありますか?

4

2 に答える 2

1

動的 div の追加が早すぎる可能性があります。jQuery コードの最初のビットを同じdocument.readyイベント ハンドラーにラップしてみてください。

$(function(){
    $('#ContentFeed .newsItem').wrapAll('<div id="slider" />');
    $('#slider').bxSlider({
        auto            : false,
        displaySlideQty : 6,
        moveSlideQty    : 6,
        pagerType       : short,
        pager           : true
    });
});

これが問題であるかどうかは、DOM を調べて#slider要素が実際に DOM に追加されているかどうかを確認することで確認できます。

于 2012-01-17T21:31:29.553 に答える
0

.onメソッドを使ってみる

みたいなもの$(document).on("ready", function(){ your slider code... で、おそらく他のタラもその中に包みます。

ここでそれについて読んでください

http://api.jquery.com/on/

于 2012-01-17T21:33:12.993 に答える