當引導模式關閉時，滾動停止工作

-1

我使用Bootstrap v3.1.1來顯示模式彈出到我的網頁之一。以下是我添加它的方式。當引導模式關閉時，滾動停止工作

<!--Start show add student popup here --> 
<div class="modal fade" id="add-student" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
     <div id="divStudentPopUp"></div> 
    </div> 
</div> 
<!--End show add student popup here --> 

<!-- JS Code Goes Here --> 
//--- Add Student POP Up Script-- Start 
$('#add-student').modal('toggle'); 
$('#add-student').modal('show'); 
$('#add-student').modal('hide'); 
//--- Add Student POP Up Script-- End 
<!-- END -->

我在打開模式彈出窗口時從AJAX調用動態添加文本內容。我有兩個按鈕保存和取消。

<!-- HTML for Cancel button --> 
<button class="hvr-ripple-out btn btn-red cancel" data-dismiss="modal" id="btnCancelStudent">Cancel</button>

這裏的問題是，當我點擊取消按鈕時，模態被關閉，但父窗口（主體）滾動不起作用。

提前致謝！

來源

2015-12-04 JJoe123

你可以提供相同的小提琴這個類？ – Rayon

你用'toggle'和'show'觸發模態實例多於一次，刪除'toggle'並且也刪除'hide'實例，因爲你正在用'data-dismiss =「modal」關閉模式，所以不要需要'隱藏' – Shehary

我已經試過了。它不起作用 – JJoe123

這是一種常見的問題，添加回調函數。

$('add-student').removeClass('modal-open');

來源

2015-12-04 10:08:41

你有一個錯字，你需要'＃'之前的id：'$（'＃add-student'）' –

檢查此琴在這裏，我剛纔輸入的一些內容來顯示頁面滾動
http://jsfiddle.net/KyleMit/0fscmf3L/

<div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal"> 
     Close 
    </button> 
    <button type="button" class="btn btn-primary"> 
     Save changes 
    </button> 
    </div>

如果問題仍然存在，請上傳您的代碼撥弄並分享我會檢查。

來源

2015-12-04 10:21:12 Raki

檢查你的身體類的模式開「，這個類添加屬性溢出-Y：隱藏，只是刪除型號接近

$('#add-student').on('hidden.bs.modal', function() { 
    $('body').removeClass('modal-open'); 
});

來源

2017-09-07 07:46:44 AZinkey

當引導模式關閉時，滾動停止工作

回答

相關問題