Javascript 事件侦听器在owl转盘中不工作

我想听听这个活动，但它对我不起作用 如您所见，我尝试使用console.log（页面）；听的页数，但当我打开控制台，我没有得到任何回应

var owl=$（'.owl carousel'）；
猫头鹰旋转木马({
OnDraged:回调，
动画衰减：“衰减”，
animateIn:“fadeIn”，
项目：1，
循环：对，
自动播放：错误，
导航：是的，
圆点：对
});
函数回调（事件）{
var pages=event.page.count；//页数
控制台日志（页）；
}

回调

除了附加事件处理程序之外，您还可以向Owl Carousel的选项添加回调

$('.owl-carousel').owlCarousel({
    onDragged: callback
});
function callback(event) {
    ...
}

数据

每个事件在事件对象中传递非常有用的信息。基于上述示例：

function callback(event) {
    // Provided by the core
    var element   = event.target;         // DOM element, in this example .owl-carousel
    var name      = event.type;           // Name of the event, in this example dragged
    var namespace = event.namespace;      // Namespace of the event, in this example owl.carousel
    var items     = event.item.count;     // Number of items
    var item      = event.item.index;     // Position of the current item
    // Provided by the navigation plugin
    var pages     = event.page.count;     // Number of pages
    var page      = event.page.index;     // Position of the current page
    var size      = event.page.size;      // Number of items per page
}

发件人：

你的例子在我看来很好，只是在之后和之前打印，以确保你的财产将被owlCarroussel拿走。您添加了正确的jQuery头了吗

<a href="http://jquery.com/">jQuery</a>
<script src="jquery.js"></script>
<script>
   var owl = $('.owl-carousel');

    alert('before')
    owl.owlCarousel({

        onDragged: callback,

        animateOut: 'fadeOut',
        animateIn: 'fadeIn',
        items: 1,
        loop: true,
        autoplay: false,
        nav: true,
        dots: true
    });
    alert('After')
    function callback(event) {

        var pages     = event.page.count;     // Number of pages

        console.log(pages);

    }
</script>

var owl=$（'.owl carousel'）；
警报（'之前'）
猫头鹰旋转木马({
OnDraged:回调，
动画衰减：“衰减”，
animateIn:“fadeIn”，
项目：1，
循环：对，
自动播放：错误，
导航：是的，
圆点：对
});
警报（'After'）
函数回调（事件）{
var pages=event.page.count；//页数
控制台日志（页）；
}

回调

除了附加事件处理程序之外，您还可以向Owl Carousel的选项添加回调

$('.owl-carousel').owlCarousel({
    onDragged: callback
});
function callback(event) {
    ...
}

数据

每个事件在事件对象中传递非常有用的信息。基于上述示例：

function callback(event) {
    // Provided by the core
    var element   = event.target;         // DOM element, in this example .owl-carousel
    var name      = event.type;           // Name of the event, in this example dragged
    var namespace = event.namespace;      // Namespace of the event, in this example owl.carousel
    var items     = event.item.count;     // Number of items
    var item      = event.item.index;     // Position of the current item
    // Provided by the navigation plugin
    var pages     = event.page.count;     // Number of pages
    var page      = event.page.index;     // Position of the current page
    var size      = event.page.size;      // Number of items per page
}

发件人：

你的例子在我看来很好，只是在之后和之前打印，以确保你的财产将被owlCarroussel拿走。您添加了正确的jQuery头了吗

<a href="http://jquery.com/">jQuery</a>
<script src="jquery.js"></script>
<script>
   var owl = $('.owl-carousel');

    alert('before')
    owl.owlCarousel({

        onDragged: callback,

        animateOut: 'fadeOut',
        animateIn: 'fadeIn',
        items: 1,
        loop: true,
        autoplay: false,
        nav: true,
        dots: true
    });
    alert('After')
    function callback(event) {

        var pages     = event.page.count;     // Number of pages

        console.log(pages);

    }
</script>

var owl=$（'.owl carousel'）；
警报（'之前'）
猫头鹰旋转木马({
OnDraged:回调，
动画衰减：“衰减”，
animateIn:“fadeIn”，
项目：1，
循环：对，
自动播放：错误，
导航：是的，
圆点：对
});
警报（'After'）
函数回调（事件）{
var pages=event.page.count；//页数
控制台日志（页）；
}

您是否在脚本中添加了jquery？我觉得很好。。。只需在owl.owlCarousel之前打印，以确保在拖动之前设置属性。是否在脚本中添加了jquery？我觉得很好。。。只需在owl.owlCarousel之前打印，以确保在拖动之前设置属性。