MediaWiki:Gadget-dicenteries.js：修订间差异

2022年11月29日 (二) 10:24的最新版本

function addSound(){
	
    var c = 0
    $('.word_entries_container').each(function(){
    	btn = $('<button id="soundBtn-'+c+'" class="sound_button" style="display:inline-block;">'
                   +' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"'
                        +' class="bi bi-play-circle" viewBox="0 0 16 16">'
                        +'<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>'
                        +'<path d="M6.271 5.055a.5.5 0 0 1 .52.038l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 6 10.5v-5a.5.5 0 0 1 .271-.445z"/>'
                    +'</svg></button>')
    	var en = $(this).children('.sub_container').children('.word_name').children('.word_en').text()
	    console.log(en)
    	$('<audio src="https://dict.youdao.com/dictvoice?audio='+en+'" id="sound-'+c+'" controls="controls" hidden="true">').appendTo($(this))
    	$(this).children('.sub_container').children('.sound').append(btn)
    	$('#soundBtn-'+c).bind("click",{c:c},autoPlay)
    	c+=1
    })
    
}

function autoPlay(event) {
	console.log(event.data.c)
    var myAuto = document.getElementById('sound-'+event.data.c);
    myAuto.play();
}

addSound()

@@ 第13行： / 第13行： @@
      	$('<audio src="https://dict.youdao.com/dictvoice?audio='+en+'" id="sound-'+c+'" controls="controls" hidden="true">').appendTo($(this))
      	$(this).children('.sub_container').children('.sound').append(btn)
-     	$('#soundBtn-'+c).bind("click",function (){
+     	$('#soundBtn-'+c).bind("click",{c:c},autoPlay)
-    		console.log(c)
-    		autoPlay('sound-'+c)
-    		console.log('sound-'+c)
-    	})
      	c+=1
      })
@@ 第23行： / 第19行： @@
 }
-function autoPlay(id) {
+function autoPlay(event) {
-	console.log(id)
+	console.log(event.data.c)
-     var myAuto = document.getElementById(id);
+     var myAuto = document.getElementById('sound-'+event.data.c);
      myAuto.play();
 }
 addSound()