空「<div class="modal-backdrop fade in"></div>」

我的代碼中有模態的問題，沒有出現與類「模式背景淡入」的div是空的。空「<div class="modal-backdrop fade in"></div>」

<body> 
<button type="button" title="Usuń" class="deleteButton btn btn-default btn-xs pull-right">Usuń</button> 

<div id="confirm" class="modal hide fade"> 
<div class="modal-body"> 
    Are you sure? 
</div> 
<div class="modal-footer"> 
    <button type="button" data-dismiss="modal" class="btn btn-primary" id="delete">Delete</button> 
    <button type="button" data-dismiss="modal" class="btn">Cancel</button> 
</div>

$("body").on('click', "button.deleteButton", function (e) { 
    var clickedButton = $(this); 
    e.preventDefault(); 
    $('#confirm').modal({ backdrop: 'static', keyboard: false }) 
    .one('click', '#delete', function() { 
    clickedButton.attr("disabled", true);  
    }); 
});

這裏是我的小提琴： https://jsfiddle.net/cjdtzsha/

什麼可以的原因吧？

來源

2016-01-22 cadi2108

刪除hide類<div id="confirm" class="modal hide fade">它有important規則display:none屬性不讓模態顯示。

Remove Hide Selector

現在添加<div class="modal-content"></div>並附modal-header和modal-footer裏面

Add modal-content

<div id="confirm" class="modal fade"> 
    <div class="modal-content"> 
    <div class="modal-body"> 
     Are you sure? 
    </div> 
    <div class="modal-footer"> 
     <button type="button" data-dismiss="modal" class="btn btn-primary" id="delete">Delete</button> 
     <button type="button" data-dismiss="modal" class="btn">Cancel</button> 
    </div> 
    </div> 
</div>

解決所有的問題。

來源

2016-01-22 19:32:56 Shehary

空「<div class="modal-backdrop fade in"></div>」

回答

相關問題