Question

我的asp.net mvc代码中有一个bootstrap模式，它在运行时绑定了它。我第一次点击某个按钮和模态工作好（通过jquery ajax从控制器返回）。

然后必须动态地改变模型的主体，它也很好（通过jquery Ajax和json）。然后我关闭模态。第二次我点击一些按钮，模态工作，但有问题。问题是模态的主体的滚动条是启用但不工作，就像模态是锁定。这个问题是在chrome中，但在IE中我没有那个。我的模态代码：

...
success: function (response) {
$('#myModal').html(response);
$('#myModal').modal({ show: true, backdrop: false, keyboard: false });
...

我更改了css：overflow:hidden和position:fix，但这不起作用

Answer 1

我遇到了同样的问题。我找到了解决方案，但我不知道它是如何工作的。解决方案是，添加我在下面写的一些jquery代码。

  $('.modal').bind('shown.bs.modal', function () {
    $(".modal").css("overflow-y", "scroll");
  });
  $('.modal').bind('hide.bs.modal', function () {
    $(".modal").css("overflow-y", "auto");
  });

祝你好运！

Answer 2

唯一的建议是点击Chrome中的F12并尝试调试。但我最初的猜测是，一些CSS标准是两个探险家的差异。

chrome中的bootstrap模态问题

2 个答案: