为什么不是我的其他if语句在javascript中为margin-top工作

Question

我的功能是让菜单从顶部下拉，但我希望能够点击它并让它再次恢复。我通过更改元素的margin-top来实现这一目标。

这里的功能是：

    <!--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')。 （注意#）。