动态html中的加载插件不起作用

Question

我试图为我的项目使用轮播缩略图，但是这些项目是由另一个脚本生成的，我试图加载旋转木马的插件，但他无法识别这些项目。

我的真实HTML：

<div class="prerecord_main">
   <div id="merch">
   </div>
</div>

在前面的另一个脚本之后：

<div class="prerecord_main">
   <div id="merch">
    <div class="product-container"></div>
    <div class="product-container"></div>
    <div class="product-container"></div>
    <div class="product-container"></div>
    <div class="product-container"></div>
   </div>
</div>

我的jQuery插件

$(document).ready(function(){

  var owl = $(".prerecord_main #merch");
  owl.owlCarousel({
      items : 5
  });

});

不起作用，因为它无法读取＆＃34; product-container＆＃34;