我点击bootstrap模式回来的是什么

时间:2016-08-03 21:48:11

标签: javascript jquery html twitter-bootstrap

当我打开模态并打开控制台时,我会进入我的身体class='modal-open' 我得到了

<div class="modal-backdrop fade in"></div> 我需要知道我点击模态背后的背景。

$(".modal-backdrop").click(function(){

    $('input[name="report"]').prop('checked', false);
    $('input[name="block"]').prop('checked', false);    

});

$(".close").click(function(){

    $('input[name="report"]').prop('checked', false);
    $('input[name="block"]').prop('checked', false);    

});

class="close"在模态上是X. 但是当我点击黑色透明背景时也是如此 它关闭模态,但点击输入保持不变。我想像X按钮一样重置它们。 我试过了.modal-backdrop and .modal-open,但我无法看到哪一个连接到该后方区域。 有谁知道答案?

SLOVED

var mouse_is_inside = false;


    $('.modal-dialog').hover(function(){ 
        mouse_is_inside=true; 
    }, function(){ 
        mouse_is_inside=false; 
    });

    $("body").mouseup(function(){ 
        if(! mouse_is_inside)

    $('input[name="report"]').prop('checked', false);
    $('input[name="block"]').prop('checked', false);    


    });

1 个答案:

答案 0 :(得分:0)

当模态关闭时,您可以使用此事件

$('#myModal').on('hidden.bs.modal', function () {
    $('input[name="report"]').prop('checked', false);
    $('input[name="block"]').prop('checked', false); 
})