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

stop audio using jquery by the event of slide change

本文关键字：jquery 音频 幻灯片 事件      更新时间：2023-09-26

在我的drupal网站上有一个滑块。每个滑块都包含一个音频播放器。我的要求是，当幻灯片发生变化时，音频必须停止。我使用的滑块是owlCarousel滑块。我当前的代码是

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

有人能帮我吗…

首先，您不需要在这里使用IIFE，所以您可以删除代码末尾的(jQuery)。类似地，您可以为afterAction提供一个匿名函数，因此syncPosition是多余的。

最后，jQuery没有pause()方法，即使对于audio元素也是如此，所以即使您使用jQuery选择了元素，您仍然需要在底层DOMElement上调用pause。试试这个：

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