Ton nicht auf der einen Seite spielen, aber tut auf einem anderen

Question

INTRO

Ich habe zwei Seiten mit mehreren divs, die denselben Klassennamen „listtitle“ haben. Wenn der Benutzer auf das Div klickt, wird ein Sound erzeugt. Eine Seite befindet sich im übergeordneten Verzeichnis, die andere in einem Unterverzeichnis (1 Ebene) und die jquery-Datei befindet sich in einem anderen Unterverzeichnis (1 Ebene).

SCRIPT

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 Schnipsel aus BEIDE SEITEN

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

FRAGE

ich das gleiche Skript aufrufen auf beiden Seiten mit relativen Pfaden in die jquery Datei das ist richtig. Kann jemand sehen oder wissen, was das Skript daran hindern könnte, auf Seite 2 zu arbeiten, wenn man auf Listtitle div klickt?

HINWEIS

Zu Testzwecken habe ich alle anderen jquery/javascript eliminiert (mit Ausnahme des Audio-Skript) ab Seite 2 Ich bin nicht mit widersprüchlichen Skripte zu tun, um sicherzustellen.

Answer 1

Der große Ahh Moment. Während erfahrenere Entwickler dies erwischt haben, überlasse ich diesen Beitrag für diejenigen wie mich.

Während die relativen Pfade zu meinem jquery-Code für beide Seiten korrekt war. Seite 1 (übergeordnetes Verzeichnis) | Seite 2 (Unterverzeichnis) - das obj0.src = ../war nicht korrekt für die übergeordnete Seite.

Die Verwirrung

Ich dachte, die MP3-Datei in das jquery Skript sein relativ hatte, die, wenn ich nicht ein Element war die Schaffung wäre richtig. Da ich ein Element für jede Seite erstellt habe, d. H. Document.createElement ("audio"); Der relative Pfad für das MP3 in der übergeordneten Seite wäre anders.

Die Lösung

habe ich ein separates Skript für die Verzeichnisseite Eltern und entfernt ../ vom obj0.src.