你可以尝试类似的东西。将幻灯片更改前的当前幻灯片的索引存储在全局变量 (onDrag) 中。幻灯片更改后(onTranslated)再次检查索引,看看索引是否仍然相同。如果不是 --> 幻灯片已更改。
所有事件都列在这里:
http ://www.owlcarousel.owlgraphic.com/docs/api-events.html
var indexBeforeChange = -1;
$(function () {
if ($('#slider .item').length > 1) {
$('#slider').owlCarousel({
onDrag: slideBeforeChange,
onTranslated: slideChanged
});
}
});
function slideBeforeChange(event) {
indexBeforeChange = event.page.index;
console.log('indexBeforeChange: ' + indexBeforeChange);
}
function slideChanged(event) {
var indexAfterChange = event.page.index;
if (indexAfterChange != indexBeforeChange) {
console.log('Slide changed, indexAfterChange: ' + indexAfterChange);
} else {
console.log('Slide did not change');
}
}