0

クリックすると表示されるメニューがあります（fbモバイルメニューに似ています）。ビューポートの任意の場所をクリックすると、メニューが再び非表示になり、リンクが無効になります (このクリック機能がバインドされていないとビューポートのリンクが機能しないため、リンクをバインド解除したい)

ただし、showmenu ボタンをクリックすると、ビューポートのクリックを再度バインドできるようにしたいと考えています。

$(function(){
var menuStatus;

$("a.showMenu").click(function(){
    if(menuStatus != true){             
    $("#menu").animate({
        height: "44px",
      }, 300, function(){menuStatus = true});
      return false;
      } else {
        $("#menu").animate({
        height: "0px",
      }, 300, function(){menuStatus = false});
        return false;
      }
});
$("#viewport").bind('click.navclose', function(){ 
$(this).unbind('click.navclose');  
if(menuStatus = true){     
        $("#menu").animate({
        height: "0px",
      }, 300, function(){menuStatus = false});
        return false;
    }
});

});
4

1 に答える 1

0

これを試してください、希望は理にかなっています

$(function() {
    var menuStatus;

    $("a.showMenu").click(function() {
        $("#viewport").bind('click', handler);
        if (menuStatus != true) {
            $("#menu").animate({
                height: "44px",
            }, 300, function() {
                menuStatus = true
            });
            return false;
        } else {
            $("#menu").animate({
                height: "0px",
            }, 300, function() {
                menuStatus = false
            });
            return false;
        }
    });
    $("#viewport").bind('click', handler);

    var handler = function() {
        $(this).unbind('click');
        if (menuStatus = true) {
            $("#menu").animate({
                height: "0px",
            }, 300, function() {
                menuStatus = false
            });
            return false;
        }
    }
});​

更新されたデモを見てください

于 2012-08-18T17:28:52.057 に答える