javascript - jsはcssを動的に変更します。

Question

ナビゲーションのような新しいiPhoneを接続したモバイル版のページを作成しています。ほとんど機能していますが、背景のhtml要素が表示されるべきではない場所に表示されています。

これは私のサイトです：http：//www.top-jobs-europe.de/m/

誰かが見て、私を助けようとすることができますか？目的は、メニューリンクを最初は非表示にし、開いた後は表示し、再度閉じた後は表示しないようにすることです。このページを見ると、直感的に私の問題を理解できます。

Answer 1

z-indexおそらく、menucss.cssで、 of#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});
        });
    }