默認關閉模式對話框關閉x按鈕

我有以下模態對話框編碼，但是當我單擊[X]時，對話框沒有關閉。我從下面的按鈕和JavaScript函數中調用對話框;默認關閉模式對話框關閉x按鈕

$('#apply_Compensation_Leave').show();

模態代碼

<div class="modal" id="apply_Compensation_Leave" tabindex="-1" role="dialog" aria-labelledby="messageModelLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
<div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><li class="fa fa-times"/></button> 
     <h3 style="font-size: 17px;">Apply Leave</h3> 
    </div> 
<div class="modal-body"> 
</div> 
</div> 
</div> 
</div>

我錯過了什麼？

添加Javascript文件..所有JavaScript函數在單獨的.js文件中。

EmpcompensationAdapter.method('getActionButtonsHtml', function(id,data) { 
    var html = ""; 
    html = '<div style="width:80px;"><img class="tableActionButton" src="BASE_URL/apply.png" style="cursor:pointer;" rel="tooltip" title="Apply Leave" onclick="modJs.applyleaves();return false;"></img></div>'; 
    return html; 
}); 

EmpcompensationAdapter.method('applyleaves', function() { 

    $('#apply_Compensation_Leave').show(); 

}); 

EmpcompensationAdapter.method('showLeaveView', function() { 
    $('#apply_Compensation_Leave').hide(); 
});

當我點擊返回按鈕時，通過調用函數showLeaveView（）;

來源

2016-01-22 Anu

從JQuery的嘗試使用$（ '＃apply_Compensation_Leave'）模態（ '秀'）。打開模式。 – induprakash

的引導模態由$('#apply_Compensation_Leave').modal('show');

來源

2016-01-22 06:58:32 Zionz

調用試試這個demo。

您正在使用JS打開modal。

您可以使用this。但這有錯誤標記爲@Alorika提到

<div class="modal" id="apply_Compensation_Leave" tabindex="-1" role="dialog" aria-labelledby="messageModelLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 

     </button> 
     <h3 style="font-size: 17px;">Apply Leave</h3> 
     </div> 
     <div class="modal-body"> 
     </div> 
    </div> 
    </div> 
</div>

的JavaScript

$('#apply_Compensation_Leave').show();

來源

2016-01-22 07:01:22 Raviteja

除了添加$('#apply_Compensation_Leave').modal('show');，你也需要改變你的HTML。 <li>標籤不應該沒有<ul>。 根本不是有效的標記。嘗試將×放入您的button HTML中。

<div class="modal" id="apply_Compensation_Leave" tabindex="-1" role="dialog" aria-labelledby="messageModelLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
<div class="modal-content"> 
<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 style="font-size: 17px;">Apply Leave</h3> 
</div> 
<div class="modal-body"> 
</div> 
</div> 
</div> 
</div>

這裏是一個Demo

或者你也可以提供有效的標記這樣<ul><li class="fa fa-times"></li></ul>

這裏是一個Demo與有效的標記。

來源

2016-01-22 07:04:36

我試過你的代碼。但它並沒有關閉。只是我複製了整個代碼並粘貼了它。可能是javascript的原因。即時通訊打開模式，通過按下按鈕，我有點擊功能的按鈕。只是我在我的問題中添加了代碼供您參考。 – Anu

試試這個佈局：

<div class="modal fade bs-example-modal-sm" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel"> <center>Title here </center> </h4> 
     </div> 
     <div class="modal-body"> 
     ...Body here... 
     </div> 

     <div class="modal-footer"> 
     <button type="button" id="Okbtn" class="btn btn-danger" data-dismiss="modal"> CANCEL</button> 

     </div> 
    </div> 
    </div> 
    </div>

來源

2016-01-22 07:36:25 shalini

默認關閉模式對話框關閉x按鈕

回答

相關問題