Question

我有一个登录href链接，用于切换模态并在iframe中加载页面..成功登录后，模式不会关闭。一直在这里搜索，大部分答案都是在行中添加

$('#myModal').modal('hide');

尝试过，但它没有奏效。我的代码中是否有任何冲突？

HTML

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="max-width:400px;max-height:400px;width:94%;height:75%;float:right;margin:50px 12px 0 0">
    <div class="modal-content"  style="position:relative;width:100%;height:100%;">
        <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <span style="color:black;font-weight:900;">Login</span>
        </div>
        <div class="modal-body" style="position:absolute;display:inline-block;width:100%;height:100%;">
        <iframe src="login.php" frameborder="0" scrolling="no" allowtransparency="true" style="width:100%;height:90%;"></iframe>
        </div>
    </div>
</div>

的Ajax

$.ajax({
  url: url,
  type: "post",
  data: val,
  datatype: 'json',
  success: function(data) {
  if (data.status == "valid") {
      $("input").prop('disabled', true);
      $("#login_btn").prop('value', 'Logging in ...');
      $('#myModal').modal('hide');
    } 
  else {
      $('#msg').html("<font color=red>" +data.message+ "</font>")
    }
  }
});

Answer 1

我遇到了类似的问题，这让我发疯了。结果我提出了一种疯狂的解决方案。

我在用于创建弹出窗口的template中添加了一个类。这是用作popover()函数选项的模板：

template: '<div class="popover popover-width-control add-calendar-event"><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>',

这里的关键是添加了课程add-calendar-event。然后隐藏我使用的模态：

$(".add-calendar-event").hide();

关闭ajax成功的bootstrap模态

1 个答案: