Les Fonctions de rappel(comme afterMove) ne sont pas appelés
Ce qui suit est un code de formulaire Owl Carousel est propre site. Je ne sais pas pourquoi le fonctions de rappel(ici afterMove) ne sont pas appelés! Quelqu'un pourrait-il obtenir le afterMove fonction appelée? Pour moi c'est pas juste afterMove, mais aucun des rappels des travaux!
<html>
<head>
<!-- Owl Carousel -->
<link rel="stylesheet" href="js/vendors/owl-carousel-2/assets/owl.carousel.min.css">
<!-- Owl Default Theme -->
<link rel="stylesheet" href="js/vendors/owl-carousel-2/assets/owl.theme.default.min.css">
<style type="text/css">
#owl-demo .item {
background: #3fbf79;
padding: 30px 0px;
margin: 10px;
color: #FFF;
border-radius: 3px;
text-align: center;
}
</style>
</head>
<body>
<div id="owl-demo" class="owl-carousel">
<div class="item"><h1>0</h1></div>
<div class="item"><h1>1</h1></div>
<div class="item"><h1>2</h1></div>
<div class="item"><h1>3</h1></div>
<div class="item"><h1>4</h1></div>
<div class="item"><h1>5</h1></div>
<div class="item"><h1>6</h1></div>
</div>
<!-- jQuery -->
<script src="js/jquery/1.9.1/jquery.min.js"></script>
<!-- Owl Carousel -->
<script src="js/vendors/owl-carousel-2/owl.carousel.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var owl = $("#owl-demo");
owl.owlCarousel({
navigation : true,
afterMove : afterMove
});
function afterMove(){
alert("Hey!");
}
});
</script>
</body>
</html>
OriginalL'auteur Fighter Jet | 2015-03-27
Vous devez vous connecter pour publier un commentaire.
vous avez besoin d'utiliser de nouveaux événements avec
.on()
, comme mentionné par dans son docs, comme:Démo :: jsFiddle
OriginalL'auteur Sudhir Bastakoti