javascript - js动态改变css，

Question

我正在创建我的页面的移动版本，我在其中插入了一个新的 iphone，如导航，它几乎可以工作，但背景 html 元素仍然显示在不应该显示的位置。

这是我的网站：http ://www.top-jobs-europe.de/m/

有人可以看看并尝试帮助我吗？目的是菜单链接一开始应该被隐藏，打开后应该看到它，再次关闭后不会。一旦你看到这个页面，你就会直观地理解我的问题。

Answer 1

也许，在 menucss.css 中，您可以将z-indexof设置#w #navmenu为 -1？

Answer 2

在您的iphonemenu.js文件中，更改以下内容，添加一个变量来处理动画menu_cose：

$(document).ready(function(){
    var menuclose = $("menu_close");
    var pagebody = $("#pagebody");
    var themenu  = $("#navmenu");
    var topbar   = $("#toolbarnav");
    var content  = $("#content");
    var viewport = {
        width  : $(window).width(),
        height : $(window).height()
    };
    // retrieve variables as 
    // viewport.width / viewport.height

    function openme() { 
        $(function () {

            topbar.animate({
               left: "290px"
            }, { duration: 300, queue: false });
            pagebody.animate({
               left: "200px"
            }, { duration: 300, queue: false });
                menuclose.animate({
                   left:"0px"
                },{duration:300, queue:false});
        });
    }

    function closeme() {
        var closeme = $(function() {
            topbar.animate({
                left: "0px"
            }, { duration: 180, queue: false });
            pagebody.animate({
                left: "-90px"
            }, { duration: 180, queue: false });
            menuclose.animate({
                left:"-90px"
            },{duration:180,queue:false});
        });
    }