Bootstrap .carousel («пауза») не работает на сенсорных устройствах («нажатие сенсорного запуска»)

Question

Я работаю над Bootstrap 4.4.1 каруселью. Внутри каждого слайда есть кнопка, которая останавливает карусель. К сожалению, когда я нажимаю кнопки на устройствах с сенсорным экраном ТОЛЬКО , карусель не останавливается. На моем рабочем столе функционал паузы работает как положено. Я добавил код для сенсорного запуска и нажал, надеясь решить проблему без удачи ... какие-либо идеи относительно того, что я делаю неправильно?

    $("#white-paper-carousel").carousel({
    interval: 3000,
    ride: "carousel"});

$(".get-white-paper").on("touchstart click", function (e) {    
        console.log("PAUSE");
        $(".carousel").carousel("pause");

        if (e.type === "touchstart") {
            $(this).off('click');
            console.log("Only touch event is fired");
            $(".carousel").carousel('pause');
        }

        if (e.type === "click") {
            $(this).off('touchstart');
            console.log("Only click event is fired");
            $(".carousel").carousel('pause');
        }

});

Мой код размещен здесь https://jsfiddle.net/esoteric/j4prg085/12/