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>
只是給一個嘗試在你只有標記爲
您需要使用
'
,getElementById('mainA-sub')
來源
2013-12-10 05:34:25
對不起,它是在真正的代碼,沒有發佈。良好的捕獲,但不是問題。 –