JQuery, как заказать JQuery для динамического добавления Div, а затем выполнить второй вызов

Question

Мне нужно динамически добавить div вокруг элементов, затем запустить второй бит, чтобы заставить элемент вращаться.

Пока что я могу добавить div, но вторая часть загружается не так, как нужно.

<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?

Answer 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.

Answer 2

попробуйте использовать .on метод

что-то вроде $(document).on("ready", function(){ your slider code... и, вероятно, обернуть другую треску в этом тоже.

читайте об этом здесь

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