gau*_*ert 3 html javascript css jquery owl-carousel
我正在寻找更具体的设置后更改 owl carousel 2 选项。
我正在寻找一种方法来禁用拖动元素的父元素的拖动,如下所示:
$('#carousel').on('drag.owl.carousel', function(event) {
$('.carousel').on('drag.owl.carousel', function(event) {
//disable drag
})
})
$('#carousel').on('dragged.owl.carousel', function(event) {
$('.carousel').on('dragged.owl.carousel', function(event) {
//enable drag
})
})
Run Code Online (Sandbox Code Playgroud)
小智 6
上述解决方案都不适用于 owl carousel 2.2。我想在 init 和 resize 事件上更改 stagePadding。
我的解决方案:
var owl = $('.page-item-gal');
owl.owlCarousel({
...
onResized : setStagePaddingOC,
});
function setStagePaddingOC()
{
var carousel = owl.data('owl.carousel');
var StgPad = ($( window ).width() - owl.parent().parent().find('.width-helper').width()) / 2;
carousel.settings.stagePadding = StgPad;
carousel.options.stagePadding = StgPad;
owl.trigger('refresh.owl.carousel');
}
setStagePaddingOC(); // onInitialized doesn't work
Run Code Online (Sandbox Code Playgroud)