Question

我正在尝试关闭一个Bootstrap模式。我很确定我能做到这一点，但我的问题实际上是选择器。这是我的代码：

$('#snapshot').on('click', function(){
     if(bitmap.scaleX>3){
         urxAdjusted = bitmap.x+(35*bitmap.scaleX);
     } else {
         curxAdjusted = bitmap.x;
     }
     $.ajax({
         type: "POST",
         url: "/my-account/crop-photo",
         dataType: "json",
         data: { 
             curX: bitmap.x,
             curY: bitmap.y,
             curWidth: bitmap.image.width,
             curHeight: bitmap.image.height,
             curImage: data.filename,
             curScale: bitmap.scaleX
         }
     }).done(function( data ) {
         if(data.msg===1){
              //close modal and refresh image

              $(selector?).modal('hide')  // normally selector is $('#bs-modal'),
but that doesn't exist in the call back.  How do I find it in the DOM if it's a modal?
         } else {
              alert( "Error Occurred: " + data.msg );
         }
    });
});

我们编写了一个自定义函数，可以正常打开模态。要关闭模态，我们通常会这样做：

$(document).on('click', '#some-selector', function(data) {
    $('#bs-modal').modal('hide');
});

如何在“完成”回调中找到DOM中的模态？

Answer 1

我不确定是否有必要，但你可以使用on()创建一个函数（调用事件委托），然后从你的回调中调用它。

function closeModal() {
    $(document).on('ready', function() {
        $('#bs-modal').modal('hide');
    });
}

如何在“完成”回调中关闭Bootstrap模式

1 个答案: