jquery - jQuery-访问不同文件夹中的音频文件

在英语-英语网站中，我想将每个页面的音频文件存储在不同的文件夹中。
我在每个页面的顶部放置一个p元素(显示:隐藏)，其中包含该页面的路径。像这样:

<p id="pathVar">/audio/example_page</p>

我想使用此路径信息来建立每个页面的音频文件的路径
下面的jquery代码有效(其他问题已发布在此)。

var audioIsPlaying = false;
var pathVar = document.getElementById("pathVar").innerHTML;

jQuery("span").click(function (evnt) {
 if(audioIsPlaying !== true) {
  var elementId = evnt.target.id;
  var oggVar = "/templates/beez_20/audio/"+elementId+".ogg";
  var audioElement = document.createElement("audio");
  audioElement.setAttribute("src", oggVar);
  audioElement.play();
  audioIsPlaying = true;
  audioElement.addEventListener("ended", function() {
    audioIsPlaying = false;
   });
 };
});

我已经检查过pathVar值，它返回/ templates / beez_20 / audio /，但是用var oggVar = pathVar + elementId +“。ogg”代替；不起作用。

任何帮助将是最欢迎的:)

最佳答案

请包括$(document).ready(function()
{
功能