在幻灯片更改时使用 jquery 停止音频

Question

在我的 drupal 站点中，滑块是 there.each 幻灯片包含一个音频播放器。我的要求是当幻灯片改变时音频必须停止。我使用的滑块是 owlCarousel slider.my 当前代码是

$("#owl-demo").owlCarousel({
    afterAction: function syncPosition() {
        document.getElementById('t_audio').pause();
    });
})(jQuery);

谁能帮帮我...

Answer 1

首先，这里不需要使用IIFE，所以可以去掉代码末尾的(jQuery)。同样，您可以为 afterAction 提供匿名函数，因此 syncPosition 是多余的。

最后，jQuery 没有 pause() 方法 - 即使对于 audio 元素，所以即使您使用 jQuery 选择元素，您仍然需要在基础 DOMElement 上调用 pause。试试这个：

$("#owl-demo").owlCarousel({
    afterAction: function() {
        $('#t_audio')[0].pause();
    });
});

stop audio using jquery by the event of slide change