2013-12-10 89 views
0

我已經有一段時間了,因爲我張貼在這裏,所以我希望這不是壞的形式。但我認爲這更容易看一個生動的例子的頁面:http://www.wrangelloutfitters.comjQuery點擊不在Firefox中工作

下拉菜單工作在IE瀏覽器,鉻和Safari,但不是Firefox。經過Firefox 11.0和Firefox 25.0.1的測試。我最近將它從CSS懸停轉換爲觸摸屏的jQuery事件,並且工作正常。只是沒有在Firefox中讓我感到困惑。

對於總結,如果有人現場後,人需要這種後人已經改變基本的代碼是:

<script> 
    function hideAllDrops(){ 
     document.getElementById('mainA-sub').style.display='none'; 
     document.getElementById('mainB-sub').style.display='none'; 
     document.getElementById('mainC-sub').style.display='none'; 
    }; 

$(function(){ 
    $("html").click(function() { 
     hideAllDrops(); 
    }); 
     $("#mainA").click(function(){ 
     hideAllDrops(); 
     document.getElementById('mainA-sub').style.display='block'; 
     event.stopPropagation(); 
    }); 
}); 
</script> 

<li><a class="menuOpt" id="mainA">Guided Hunts</a> 
    <div class="nav_sub last" id="mainA-sub"> 
    <div class="nav_sub_wrapper"> 
     <ul> 
     <li><a href="/subPage">Option 1</a></li> 
     <li><a href="/subPage01">Option 2</a></li> 
     <li><a href="/subPage03">Option 3</a></li> 
     </ul> 
    </div><div class="sub_nav_end"></div> 
    </div> 
</li> 
+0

只是給一個嘗試在你只有標記爲

1

您需要使用'getElementById('mainA-sub')

$("html").click(function() { 
     hideAllDrops(); 
    }); 

    function hideAllDrops(){ 
    document.getElementById('mainA-sub').style.display='none'; 
    document.getElementById('mainB-sub').style.display='none'; 
    document.getElementById('mainC-sub').style.display='none'; 
} 
+0

對不起,它是在真正的代碼,沒有發佈。良好的捕獲,但不是問題。 –