声音不会在一页上播放，但在另一页上会播放

Sound does not play on one page but does on another

本文关键字：播放 一页 声音      更新时间：2023-09-26

INTRO

我有两个页面，其中包含多个具有相同类名"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 SNIPET

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

问题

我在两个页面上调用相同的脚本，并使用正确的jquery文件的相对路径。当单击listtitlediv时，有人看到或知道什么可能会阻止脚本在第2页上工作吗？

注意

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

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

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

困惑

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

解决方案

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

相关文章：