Question

我有一些音频文件

<audio id="ID1"><source src="{THEME}/AUPr/AU-1.mp3"></audio>
<audio id="ID2"><source src="{THEME}/AUPr/AU-2.mp3"></audio>
<audio id="ID3"><source src="{THEME}/AUPr/AU-3.mp3"></audio>

当我点击我的按钮时，我需要播放此音频。示例

$('.Button_1').on('click' , 'audio' , function(){ $('#ID1').play() });
$('.Button_2').on('click' , 'audio' , function(){ $('#ID2').play() });
$('.Button_3').on('click' , 'audio' , function(){ $('#ID3').play() });

我也试试这个

$('.Button_1').click(function(){ $('#ID1').play() });
$('.Button_2').click(function(){ $('#ID2').play() });
$('.Button_3').click(function(){ $('#ID3').play() });

但是没有发生任何事情，所以你们会建议我什么？

Answer 1

试试这个：

$('.Button_1').click(function(){ $('#ID1').get(0).play() });
$('.Button_2').click(function(){ $('#ID2').get(0).play() });
$('.Button_3').click(function(){ $('#ID3').get(0).play() });

play不是jQuery函数，而是DOM元素的函数。因此，您需要在DOM元素上调用它

Answer 2

jQuery对象与dom元素不同。你想要dom元素（$("#ID1")[0]），而不是jQuery对象($("#ID1"))。

$('.Button_1').click(function(){ $('#ID1')[0].play() });

用jquery播放音频.play（）

2 个答案: