我一直很难将Owl Carousel添加到我们的应用程序中,并且希望最新的2.0.0-beta.2.4版本会更容易,但我无法获得添加项目和更新项目的基本功能.旋转木马上班.
我在这里做错了吗?
这是我正在使用的代码:
$('#insert').on('click', function () {
owl.trigger('add.owl.carousel', '<div class=\"item\"><p>D</p></div>').trigger('update.owl.carousel');
});
Run Code Online (Sandbox Code Playgroud)
随着演示:
文档(http://www.owlcarousel.owlgraphic.com/docs/started-welcome.html)似乎没有包含任何内容 - 除非我遗漏了一些明显的东西.
任何帮助,将不胜感激.
当我直接指定它时,此代码段用于删除现有类,在添加新类之前(即'ratingBlock','ratingBlock1','ratingBlock2'等).但是当我在removeClass('[class ^ ="ratingBlock"]')中使用通配符选择器时,它不起作用.难道我做错了什么?谢谢.
<style type="text/css">
.ratingBlock {background:gold !important;}
.ratingBlock1, .ratingBlock2, .ratingBlock3, .ratingBlock4, .ratingBlock5 {background:LightGreen;}
</style>
<div class="test block ratingBlock">
Broken
<div><a href="#" class="ratingLink ratingNo-1">1+</a></div>
<div><a href="#" class="ratingLink ratingNo-2">2+</a></div>
<div><a href="#" class="ratingLink ratingNo-3">3+</a></div>
</div>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function(){
initRatingWorks();
});
function initRatingWorks() {
jQuery("a.ratingLink").bind('click', function() {
var star = jQuery(this);
var ratingBlock = star.parents('div.test.block');
var rating = star.attr('class').match(/\d+/);
if (ratingBlock.attr('class').indexOf('ratingBlock') !== -1) {
ratingBlock.removeClass('[class^="ratingBlock"]').addClass('ratingBlock' + rating);
}
else {
ratingBlock.addClass('ratingBlock' + rating);
}
return false;
});
}
// ]]>
</script>
Run Code Online (Sandbox Code Playgroud)