Я пытаюсь загрузить внешний файл (navbar) с помощью jquery таким образом:

{amp}lt;script{amp}gt; document.addEventListener("DOMContentLoaded", ready); function ready() { $("#leftNav").load("nav.html", function () { setSelected("dashboard"); }); } {amp}lt;/script{amp}gt; 

Nav.html имеет переключатели подменю, которые вызываются, когда пользователь нажимает на элемент меню. Например

  {amp}lt;ul class="menu__subnav"{amp}gt; {amp}lt;li id="channel" class="menu__item " aria-haspopup="true"{amp}gt;{amp}lt;a href="channelInfo.html" class="menu_link "{amp}gt;{amp}lt;i class="icon_bullet"{amp}gt;{amp}lt;span{amp}gt;{amp}lt;/span{amp}gt;{amp}lt;/i{amp}gt;{amp}lt;span class="link-text"{amp}gt;Channel Information{amp}lt;/span{amp}gt;{amp}lt;/a{amp}gt;{amp}lt;/li{amp}gt; {amp}lt;li id="newChannel" class="menu__item " aria-haspopup="true"{amp}gt;{amp}lt;a href="newChannel.html" class="menu__link "{amp}gt;{amp}lt;i class="icon_bullet"{amp}gt;{amp}lt;span{amp}gt;{amp}lt;/span{amp}gt;{amp}lt;/i{amp}gt;{amp}lt;span class="link-text"{amp}gt;New Channel{amp}lt;/span{amp}gt;{amp}lt;/a{amp}gt;{amp}lt;/li{amp}gt; {amp}lt;li id="startChannel" class="menu__item " aria-haspopup="true"{amp}gt;{amp}lt;a href="startChannel.html" class="menu__link "{amp}gt;{amp}lt;i class="icon_bullet"{amp}gt;{amp}lt;span{amp}gt;{amp}lt;/span{amp}gt;{amp}lt;/i{amp}gt;{amp}lt;span class="link-text"{amp}gt;Start Channel{amp}lt;/span{amp}gt;{amp}lt;/a{amp}gt;{amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; 

Прекрасно работает в Safari, Chrome. Однако переключатели подменю не работают в Firefox. Есть ли способ, которым Firefox отображает DOM по-другому? Любые указатели были бы полезны!

Я также пытался прослушивать событие window.load («DOMContentLoaded»), но безрезультатно.