Javascript 不调用回调函数（如afterMove）_Javascript_Jquery_Owl Carousel

Javascript 不调用回调函数（如afterMove）

javascript jquery

Javascript 不调用回调函数（如afterMove）,javascript,jquery,owl-carousel,Javascript,Jquery,Owl Carousel,下面是一个来自Owl转盘的代码。我不知道为什么没有调用回调函数（这里是afterMove）！有人能调用afterMove函数吗？对我来说，这不仅仅是事后行动，而且所有的回调都不起作用 <html> <head>  <link rel="stylesheet" href="js/vendors/owl-carousel-2/assets/owl.carousel.min.css"> <!-

下面是一个来自Owl转盘的代码。我不知道为什么没有调用回调函数（这里是afterMove）！有人能调用afterMove函数吗？对我来说，这不仅仅是事后行动，而且所有的回调都不起作用

<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>


#猫头鹰演示{
背景#3fbf79；
填充：30px 0px；
利润率：10px；
颜色：#FFF；
边界半径：3px；
文本对齐：居中；
}
0
1.
2.
3.
4.
5.
6.
$（文档）.ready（函数（）{
var owl=$（“#owl demo”）；
猫头鹰旋转木马({
导航：对，
后移：后移
});
函数afterMove（）{
警惕（“嘿！”）；
}
});

根据its中提到的，您需要将新事件与

.on（）

一起使用，如下所示：

演示：：

用您的脚本替换我的脚本会导致警报对话框弹出两次！

var owl = $("#owl-demo");
owl.owlCarousel({
    navigation : true
});
//register `change` event
owl.on('changed.owl.carousel', function(e) {
    alert("changed");
});