在chrome中引導模態問題

我在我的asp.net mvc代碼中有一個引導模式，它是在運行時綁定的。我第一次點擊一些按鈕和模式工作良好（由jquery ajax從控制器返回的body）。在chrome中引導模態問題

然後必須動態地改變模型的主體，它也能很好地工作（通過jQuery Ajax和json）。然後我關閉模態。第二次我點擊一些按鈕，模式工作但有問題。問題是模態體的滾動條可以使用但不能正常工作，如模式鎖定。這個問題是在鉻，但在IE中我沒有。我的模態代碼：

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

更改CSS：overflow:hidden和position:fix但它不能正常工作

來源

2013-10-01 user2830448

-3

唯一的建議是點擊F12在Chrome並嘗試調試。但我最初的猜測是某些CSS標準與兩個瀏覽器是不同的。

來源

2014-01-20 02:45:57 robin521

這並沒有真正回答這個問題，它只提出了一種可能用於調試的方法。這種迴應將更適合對原文發表評論。 –

是的，這麼認爲，但我沒有足夠的聲望> – robin521

我得到了同樣的問題。我找到了解決方案，但我不知道它是如何工作的。解決的辦法是，添加一些我寫在下面的jQuery代碼。

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

祝你好運！

來源

2015-03-29 16:30:12

在chrome中引導模態問題

回答

相關問題