Question

下面的代码假设有一个隐藏的菜单，直到#menubutton被点击，但点击它不会显示菜单。它曾经工作但已停止，我不知道为什么。它适用于Chrome，但不适用于Firefox。

<a id='menubutton' href="#">
    <img src="/wp-content/themes/helpline/images/mobilemenu.png">
    <div id='menubuttontext'>
        Menu
    </div>
</a>
<ul id='menucontainer'>
    <li><a href='/'>Home</a></li>
    <li><a href='/services/'>Services</a></li>
    <li><a href='/about-us/'>About us</a></li>
    <li><a href='/procedures/'>Procedures</a></li>
    <li><a href='/call-back/'>Request a call back</a></li>
    <li><a href='/contact/'>Contact Us</a></li>
</ul>
<script type="text/javascript">
    var inout="0";
    $("#menubutton").click(function () {
        if(inout=="0"){
            $("#menucontainer").show("slow");
            inout="1";
        }else{
            $("#menucontainer").hide();
            inout="0";
        }
    });
</script>

CSS：

#menucontainer {
display: none;
}

Answer 1

确保您正在加载jQuery。尝试将此添加到您的头标记：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

这是一个加载jQuery的工作示例和您的确切代码（减去图像）：http://jsfiddle.net/uyhvkphd/

Answer 2

谢谢大家。在其他人测试它并且它似乎工作之后，我意识到它必须是浏览器问题。它适用于其他浏览器，但Firefox并不喜欢它。

这个问题解释了为什么Jquery .show() not working in firefox

jQuery .show（）在Firefox中不起作用

2 个答案: