javascript - 声音不在一个页面上播放，但在另一页面上播放

Question

简介

我有两个页面，其中包含多个具有相同类名“listtitle”的 div。当用户单击 div 时，它会发出声音。一个页面位于父目录中，另一个页面位于子目录(1 级)中，jquery 文件位于另一个子目录(1 级)中。

脚本

var obj0 = document.createElement("audio");
    obj0.src ="../airslide2.mp3";
    obj0.volume = 0.2;
    obj0.autoPlay = false;
    obj0.preLoad = true;
    $(".listtitle").click(function() {
        obj0.play();
    });

两页的 HTML 片段

<div id="listbox1" class="listbox">
<div class="listtitle">
</div>
</div>

问题

我在两个页面上调用相同的脚本，并使用正确的 jquery 文件相对路径。有谁看到或知道单击 listtitle div 时可能会阻止脚本在第 2 页上运行的原因？

注意

出于测试目的，我从第 2 页中删除了所有其他 jquery/javascript(音频脚本除外)，以确保我不会处理冲突的脚本。

Answer 1

重大时刻。虽然更有经验的开发人员会注意到这一点，但我将这篇文章留给像我这样的人。

虽然我的 jquery 代码的相对路径对于两个页面都是正确的。第 1 页(父目录)|第 2 页(子目录)- obj0.src =../对于父页面不正确。

困惑

我认为 mp3 文件必须与 jquery 脚本相关，如果我没有创建元素，那么它是正确的。由于我为每个页面创建一个元素，即 document.createElement("audio");父页面中 mp3 的相对路径会有所不同。

解决方案

我为父目录页面创建了一个单独的脚本，并从 obj0.src 中删除了 ../。