How to prevent following a link in OwlCarousel?

Question

JavaScript

Hello!
I am using OwlCarousel as a slider. Each slide has a link like href="#". Clicking on the link opens a modal window.
If you do not manually flip through the slides, then clicking on the link does not scroll the page up and the window opens, everything is ok. But if you quickly flip the slide several times, and then click on the link, the modal window does not open and the page scrolls up.
It is interesting that this happens if the carousel is made infinite, i.e. she scrolls around. If you turn off infinite scrolling, then there is no such problem.
I am not strong in JS, with the help of Google I found that you can cancel the standard browser action using e.preventDefault (), I made this function:

$('a[class*="_toggler"]').click(function (e) { 
e.preventDefault(); 
})

But it only works on the first slide, after scrolling it still doesn't work.
In the help to OwlCarousel I found the following construction

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

This function tracks the movement of the slide by dragging and, in theory, it can somehow be used to solve my problem, but I can’t figure out how, because. not enough knowledge!

Please help!!

Answer 1

And why is it necessary to make the button a link if it just serves as a trigger, if you can put a button with the same styles and hang the opening of the modal by clicking on the button.
If you are using bootstrap, then you can open the modal programmatically like this:

$('#buttonID').click(function(){
$('#modalID').modal('show');
});

Answer 2

I would go into the carousel script and find the template output there and remove the link