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

【问题标题】：stop audio using jquery by the event of slide change通过幻灯片更改事件使用 jquery 停止音频
【发布时间】：2015-04-09 09:54:10
【问题描述】：

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

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

谁能帮帮我...

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

感谢@Rory McCrossan 的回答。我通过 d 以下代码得到它..$('audio').each(function(){ this.pause(); this.currentTime = 0;