我正在使用 SoundCloud API使用我在此处找到的说明ul
将艺术品作为通过 Javascript加载到 HTML 文档中,然后使用Flexslider 滑过封面的轮播(包装在标签中)。当列表项被硬编码到 HTML 文档中时,这可以正常工作,但是,当我使用加载脚本从 API 动态检索艺术品并将它们注入 DOM 时,Flexslider 不会注册它们是尽管在 SoundCloud 脚本之后加载了 Flexslider 脚本,但在那里并为 s 添加了必要的样式。谁能告诉我如何让 Flexslider 拾取动态内容?这是我的文件:li
img
li
HTML(片段)
<div class="page-container">
<section id="work">
<h3>Work</h3>
<p>Check out my latest mixes below.</p>
<div class="sc-stream">
<ul class="cover-flow clearfix">
<!-- Covers inject here -->
</ul>
</div>
</section>
<hr>
</div><!-- End page-container -->
<!-- Scripts -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/vendor/soundmanager2.js"></script>
<script src="js/sc-custom-player.js"></script>
<script src="js/flexslider.min.js"></script>
<script src="js/main.js"></script>
sc-custom-player.js
与此处找到的文件相同
main.js
$(document).ready(function() {
$('.sc-stream').flexslider({
namespace: "sc-",
animation: "slide",
selector: ".cover-flow > li",
slideshow: false,
controlNav: false,
minItems: 1,
itemWidth: 224,
itemMargin: 8
});
});
需要帮助请叫我。提前致谢。