空“<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>”

回答

相关问题