javascript - 为什么我的 else if 语句在 javascript 中为 margin-top 工作

Question

我的功能适用于使菜单从顶部下拉，但我希望能够单击它并使其再次返回。我通过更改元素的边距顶部来实现这一点。

这是功能：

    <!--Mobile Menu On Click-->
    <script type="text/javascript">
    function mobile_menu(){
    if($('mobile_menu_container').css('margin-top') !=== '0px'){
    document.getElementById('mobile_menu_container').style.marginTop="0px";
    } 

    else if($('mobile_menu_container').css('margin-top') === '0px'){
    document.getElementById('mobile_menu_container').style.marginTop="-260px";
    } 
    }
    </script>

这是html：

<a href="#" onClick="mobile_menu()"> 
<p id='tap_to_view'>
Tap To View Menu<br />
</p>
</a>

Answer 1

$('mobile_menu_container')返回所有<mobile_menu_container>元素（也就是说，很可能什么都没有）。如果要获取 id 为 mobile_menu_container 的元素，则必须编写：$('#mobile_menu_container')。（注意#）。