jQuery 单击仅在 Firefox 中不起作用

Question

自从我在这里发帖以来已经有一段时间了，所以我希望这不是糟糕的形式。但我认为查看页面以获取实际示例会更容易:http://www.wrangelloutfitters.com

下拉菜单适用于 IE、chrome 和 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>

Answer 1

Firefox 控制台:[00:40:05,423] ReferenceError:事件未定义 @ http://www.wrangelloutfitters.com/:64

您的下 zipper 接会引发错误。请在 Firebug 中引用您的控制台。您没有将事件作为参数传递，但您仍在使用 event.stopPropagation();相反，你应该像下面这样使用

$( "#about-wrangelloutfitters" ).click(function(event) {
hideAllDrops ();
document.getElementById('about-wrangelloutfitters-sub').style.display='block';
event.stopPropagation();
});