我正在尝试为我的项目使用轮播缩略图,但是这些项目是由另一个脚本生成的,我正在尝试为轮播加载插件,但他无法识别这些项目。
我的真实 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
});
});
不起作用,因为它无法读取“产品容器”项目