jquery - 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/