|
Сообщение от ligisayan
|
|
).data('owlCarousel').removeAll();
|
такого параметра я не увидел
первый вариант тоже для меня непонятен причём тут li ?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#carousel .item{
display: inline-block;
padding: 54px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
width: 120px;
height: 100px;
background-color: #0000FF;
float: left;
}
.left{
text-align: left;
margin-bottom: 10px;
}
.left .btn {
display: block;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.js"></script>
<script>
$(function(){
$('#carousel').owlCarousel({
items: 3,
pagination: false,
navigation: true,
navigationText: ["", ""]
});
var i = 0; //для теста
$(".button").click(function() {
$('#carousel').find('>').remove()
$('.list li').each(function() {
if ($(".list li").hasClass("empty")) {
console.log("Modified");
} else {
$('#carousel').data('owlCarousel').addItem('<div class=item >содержимое '+(i++)+' </div>');
};
});
});
});
</script>
</head>
<body> <input name="" type="button" value="click" class="button">
<ul class="list ">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<!-- добавленное содержимое -->
</ul>
<div id="carousel" class="owl-carousel">
<!-- содержимое карусели -->
</div>
</body>
</html>