javascript - 通过幻灯片更改事件使用 jquery 停止音频

Question

在我的 drupal 站点中，有一个 slider 。每张幻灯片都包含一个音频播放器。我的要求是当幻灯片更改时音频必须停止。我使用的 slider 是 owlCarousel slider。我当前的代码是

$("#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();
    });
});