0

ボタンをクリックするとポップアップボックスが表示され、もう一度ボタンをクリックすると消えます。これは私のコードです：

    $(document).ready(function() {

        $('a.signUp, a.signIn').click(function() {

        //Getting the variable's value from a link 
        var popupBox = $(this).attr('href');

        if ($(popupBox).css('display')=='none'){
            // Add the mask to body
            $('#mask').show();
            //Fade in the Popup
            $(popupBox).fadeIn(300);
        } else {
            //Fade out box, and hide the mask
            $(popupBox).fadeOut(300 , function() {
                $('#mask').hide();  
            }); 
        }
        return false;

        });

    });

で作成された2つのボタンがあり、それがリンクから変数値を取得する理由です。ボックスの外側をクリックしたときにボックスを非表示にするにはどうすればよいですか?

4

3 に答える 3

2

これを試して

   $(popupBox).on("click", function(e){
      e.stopPropagation();
    });


    $(document).on("click", function() {
      $(popupBox).hide("fast");
    });
于 2013-03-20T15:23:05.507 に答える
1 
$(document).mouseup(function (e)
{
    var container = $('.popup');
    if (container.is(':visible') && container.has(e.target).length === 0)
        container.fadeOut('fast');
});
于 2013-03-20T15:30:56.957 に答える
0

これには.blur()イベントまたはfocusout()メソッドを使用できます。それはあなたのためにトリックをするでしょう.

$('#popBoxWrapperDiv').blur(function(){
//hide the popup box
});
于 2013-03-20T15:23:34.790 に答える