質問編集履歴
1
コードを追加しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
ボタン（画像）を押すと音が鳴り、再度押すと止まるサイトを作成中なのですが、再生とストップは出来たのですが、複数ボタンを設置すると、「ボタン1」を再生中に「ボタン2」を押すと1.mp3の音楽再生したまま、2.mp3が再生されてしまいます。
|
|
2
2
|
「ボタン2」のボタンをおしたら1.mp3は止まるようにしたいのですが、教えて頂けますでしょうか？
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
|
|
5
5
|
＝＝＝＝＝HTML＝＝＝＝＝
|
|
6
|
-
<span class="soundBtn1 clicked1">再生・停止</span>
|
|
6
|
+
```<span class="soundBtn1 clicked1">再生・停止</span>
|
|
7
7
|
<audio id="overSound1" preload="auto">
|
|
8
8
|
<source src="1.mp3" type="audio/mp3">
|
|
9
9
|
※お使いの環境では再生できません。
|
|
@@ -20,10 +20,12 @@
|
|
|
20
20
|
<source src="3.mp3" type="audio/mp3">
|
|
21
21
|
※お使いの環境では再生できません。
|
|
22
22
|
</audio>
|
|
23
|
-
|
|
23
|
+
```
|
|
24
24
|
|
|
25
|
+
|
|
25
26
|
＝＝＝＝＝javascript＝＝＝＝＝
|
|
27
|
+
|
|
26
|
-
$(function(){
|
|
28
|
+
```$(function(){
|
|
27
29
|
$(".soundBtn1").click(function(){
|
|
28
30
|
if($(this).hasClass("clicked1")){
|
|
29
31
|
$(this).removeClass("clicked1");
|
|
@@ -59,4 +61,5 @@
|
|
|
59
61
|
}
|
|
60
62
|
});
|
|
61
63
|
});
|
|
64
|
+
|
|
62
|
-
|
|
65
|
+
```
|