Widget:角色语音文本语言

<script>RLQ.push(['jquery', () => { $(function(){ let mode = "" if(document.documentElement.clientWidth<=768){ mode = "_m" } const voice_list = [ {vbutton:document.getElementById('CHS'+mode),vtext:document.querySelectorAll('.voice_text_chs'+mode)}, {vbutton:document.getElementById('JP'+mode),vtext:document.querySelectorAll('.voice_text_jp'+mode)}, {vbutton:document.getElementById('EN'+mode),vtext:document.querySelectorAll('.voice_text_en'+mode)}, {vbutton:document.getElementById('KR'+mode),vtext:document.querySelectorAll('.voice_text_kr'+mode)}, ];

var last_bactive = document.querySelector('.voice_lang_button'+mode+'.vb_active'+mode) var last_tactive = document.querySelectorAll('.voice_text_chs'+mode+'.vt_active'+mode)

for(dom of voice_list){ let button_dom = dom['vbutton'] let text_dom = dom['vtext'] button_dom.addEventListener("click", (e) => { if(e.currentTarget != last_bactive){ last_bactive.classList.remove('vb_active'+mode); e.currentTarget.classList.add('vb_active'+mode); last_bactive = e.currentTarget; text_dom.forEach( ( item, index ) => { last_tactive[index].classList.remove('vt_active'+mode) item.classList.add('vt_active'+mode) }); last_tactive = text_dom } }); } }) }]); </script>