javascript - 我在页面上使用 jquery 和常规 javascript，没有任何问题，直到我添加了另一个函数

Question

这就是我正在做的事情。

我的页面上有一些图像，每张图像下方都有一个 HTML5 音频播放器，以及一个带有声音列表的选择菜单。

当从菜单中选择声音时，它会将声音放置在音频播放器的源中。

我想要做的是在播放声音时将图像更改为动画 gif。

onchange 可以很好地将声音加载到播放器中。但是当我添加新的 onplay() 调用时，所有 JavaScript 都不起作用。

function playPic(theid){
var leid = theid.replace('play','');
document.getElementById('leid'+pic).src="images/" + leid ".gif";
}

  $( function() {
    $( "#sortable" ).sortable();
    $( "#sortable" ).disableSelection();
  } );


 $(document).ready(function() {
   $('#sortable').sortable();
   //$('<br><br><div id=buttonDiv><button>Get Order of Elements</button></div>').appendTo('body');
   //$('button').button().click(function() {
   
   $( "#sendgame" ).submit(function( event ) {
   var itemOrder = $('#sortable').sortable("toArray");
   var fullOrder = "";
   for (var i = 0; i < itemOrder.length; i++) {
   newi = i + 1;
    //alert("Position: " + i + " ID: " + itemOrder[i]);
        fullOrder += newi + " - " + itemOrder[i] + "<br>";    
                }
 //alert  (fullOrder);
 document.forms["sendgame"].ordre.value = fullOrder;
            })
        });



function recSon(lename, leson) {
document.forms["sendgame"][lename].value = leson;
}



  function loudSon(soundid, leplayer) {
  
  lesound = "";
	  if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
	lesound = soundid + ".ogg";
	} else {
	lesound = soundid + ".mp3";
	}
 }

playPic 函数把一切搞砸了。我在代码中的不同位置尝试过，但总是出现相同的错误:

Uncaught ReferenceError :recSon 未定义 在 HTMLSelectElement.onchange (jeuhockeynoir.php?lang=f:481) onchange @jeuhockeynoir.php?lang=f:481

Answer 1

您缺少一个+符号:

document.getElementById('leid'+pic).src="images/"+ leid ".gif";

应该是

document.getElementById('leid'+pic).src="images/"+ leid + ".gif";