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/