1

「x」をクリックするとアラートボックスが閉じますが、その外側をクリックするとアラートボックスを閉じたいと思います。

ここで私のコードを参照してください: http://jsfiddle.net/Ur5Xn/

その外側をクリックしてアラートボックスを閉じる方法は?

jQuery:

$(document).ready(function(){
    function showAlertBox(){
     $("#alert").css("display","inherit");
     $("#content").addClass("back");
    }
    function removeAlertBox(){
        $("#alert").css("display","none");
         $("#content").removeClass("back");        
    }

    $("#alertClose").click(function(){
       removeAlertBox(); 
    });
    $("#alertShow").click(function(){
       showAlertBox(); 
    });
});
4

4 に答える 4

2

このコードを試してください

$(document).ready(function(){
    function showAlertBox(){
     $("#alert").css("display","inherit");
     $("#content").addClass("back");
    }
    function removeAlertBox(){
        $("#alert").css("display","none");
         $("#content").removeClass("back");        
    }

    $("#alertClose").click(function(e){
        e.stopPropagation();
       removeAlertBox(); 
    });
    $("#alertShow").click(function(e){
        e.stopPropagation();
       showAlertBox(); 
    });

    $(document).click(function(e){
        removeAlertBox();
    });
});
于 2013-10-24T13:19:10.713 に答える
1

更新作業コードは次のとおりです。

$(document).ready(function () {
    function showAlertBox() {
        $("#alert").css("display", "inherit");
        $("#content").addClass("back");
        return false;
    }

    function removeAlertBox() {
        $("#alert").css("display", "none");
        $("#content").removeClass("back");
        return false;
    }

    $("#alertClose").click(removeAlertBox);
    $("#alertShow").click(showAlertBox);
    $('#alert').click(false);
    $(document).click(removeAlertBox);
});

http://jsfiddle.net/Ur5Xn/34/を参照してください

于 2013-10-24T13:04:40.477 に答える