微件:音效表

<thead>

 </thead>
 <tbody>
   {$rows}
 </tbody>

音效	出处	音频内容

<style> .sound-icon {

 cursor: pointer;
 margin-right: 8px;
 font-size: 18px;
 display: inline-block;
 transition: opacity 0.2s;

} .sound-icon:hover {

 opacity: 0.7;

} </style>

<script> // 等待 DOM 加载完成 (function() {

 function initSoundIcons() {
   var icons = document.querySelectorAll('.sound-icon');
   console.log('找到喇叭图标数量:', icons.length);
   
   icons.forEach(function(icon) {
     // 避免重复绑定
     if (icon.hasAttribute('data-bound')) return;
     icon.setAttribute('data-bound', 'true');
     
     icon.addEventListener('click', function(e) {
       e.stopPropagation();
       var audioId = this.getAttribute('data-audio-id');
       console.log('点击图标, audioId:', audioId);
       
       if (audioId) {
         var audio = document.getElementById(audioId);
         if (audio) {
           audio.currentTime = 0;
           audio.play().then(function() {
             console.log('播放成功:', audioId);
           }).catch(function(err) {
             console.error('播放失败:', err);
           });
         } else {
           console.error('找不到音频元素:', audioId);
         }
       }
     });
   });
 }
 
 // 页面加载完成后执行
 if (document.readyState === 'loading') {
   document.addEventListener('DOMContentLoaded', initSoundIcons);
 } else {
   initSoundIcons();
 }

})(); </script>