Question

我正在使用带有同步滑块的猫头鹰旋转木马。我正在使用触发owl-next功能的自定义导航。

我的问题是，触发＆＃34; next＆＃34;底部幻灯片中的幻灯片正在工作，但不是第二个按钮，它应该触发父滑块。

到目前为止我的代码：

$(".konfig-slide-top").owlCarousel({
        navigation: false,
        pagination: false,
        slideSpeed: 1000,
        paginationSpeed: 500,
        paginationNumbers: false,
        singleItem: true,
        autoPlay: false,
        autoHeight:false,
        animateIn: 'slideIn',
        animateOut: 'slideOut',
        afterAction : syncPositionnew,
        responsiveRefreshRate : 200,
        afterMove: afterActionnew
    });

var owl = $(".konfig-slide-inner");

    owl.owlCarousel({
        items: 1,
        pagination: false,
        navigation: false,

        slideSpeed: 800,
        paginationSpeed: 700,
        animateIn: 'slideIn',
        animateOut: 'slideOut',
        autoHeight: true,
        responsiveRefreshRate : 100,
        mouseDrag: false,
        loop: false,
        afterInit : function(el){
        el.find(".owl-item").eq(0).addClass("syncednew2");
        }
    });

//slide inner slider        
    $('.next-inner').click(function() {
        owl.trigger('owl.next');
    });

    // slide parent slider
    $('.next-top').click(function() {
        var top = $(".konfig-slide-top").find('owl-controls');
        top.trigger('owl.next');
    });

父滑块的另一个可能解决方案是：

var top = $(".konfig-slide-top");

    // slide parent slider
    $('.next-top').click(function() {
        top.trigger('owl.next');
    });

我好像想念一些东西。有谁知道呢？

Answer 1

解决方案非常简单。好吧看来是这样。

var top = $(".konfig-slide-top");

    // slide parent slider
    $('.next-top').click(function() {
        top.trigger('owl.next');
        return false;
    });

添加return false;使代码工作。但我不太明白为什么。：/任何人都可以向我解释一下吗？

猫头鹰轮播自定义导航触发父事件

1 个答案: