如何在模態顯示之前刷新引導程序模式刷新

我曾嘗試過我的項目很多模態，但一個模態加載數據。關閉模態後，我加載另一個模態。但無法加載該模態數據。這是加載舊的模態數據。如何解決這個問題呢？如何在模態顯示之前刷新引導程序模式刷新

這是我第一次加載Jquery。這個數據正常工作。

function Viewfull(id) { 
    $.post('php/owner_list_view_modal.php',{id:id}, function (data) { 
     var html = table(data); 
     $('.modal-body').html(html); 
     $('#orumodal').modal('show'); 
    }); 
} 

function table(val) { 
    var obj = $.parseJSON(val); 

     var html = '<style>tr:nth-child(odd){background-color: #f5f5f5;} thead>tr{background-color: #ec971f; color: white;}</style>'; 
      html += '<table class="table table-bordered has-warning">'; 
       html += '<tbody>'; 
        html += '<tr><td>Name</td><td>'+ obj.name +'</td></tr>'; 
        html += '<tr><td>Email</td><td>'+ obj.emailid +'</td></tr>'; 
        html += '<tr><td>Mobile</td><td>'+ obj.mobile +'</td></tr>'; 
        html += '<tr><td>Address</td><td>'+ obj.address +'</td></tr>'; 
        html += '<tr><td>Place</td><td>'+ obj.place +'</td></tr>'; 
        html += '<tr><td>City</td><td>'+ obj.city +'</td></tr>'; 
        html += '<tr><td>State</td><td>'+ obj.state +'</td></tr>'; 
        html += '<tr><td>Pin</td><td>'+ obj.pin +'</td></tr>'; 
        html += '<tr><td>Status</td><td>'+ obj.status +'</td></tr>'; 
       html += '</tbody>'; 
     return html += '</table>'; 
}

這是我點擊第一個模態數據顯示然後關閉那個模態的另一個模態。然後我點擊另一個模式我被第一模結果：

<div id="uploadimg" class="modal fade" role="dialog"> 
    <div class="modal-dialog modal-md"> 

     <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title"></h4> 
      </div> 
      <div class="modal-body" id="uploadmsg"> 
       <div class="container"> 
        <div class="row well"> 
         <div class="col-md-offset-4 col-md-6"> 
          <form method="post" action="profile_image_save.php" enctype="multipart/form-data"> 
           <div class="form-group"> 
            <label>Profile Image</label> 
            <input type="file" id="profileimg" name="profileimg"> 
           </div> 
           <div class="form-group"> 
            <button class="btn btn-success btn-lg pull-right">Change</button> 
           </div> 
          </form> 
         </div> 
        </div> 
       </div> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
     </div> 

    </div> 
</div>

來源

2016-12-19 Aravinth E

有一個event這是triggered前modal是節目，所以你可以把你任何你在它想要獲取數據或邏輯。

$('#YourModalID').on('show.bs.modal', function (e) { 
    //Your code to get data or whatever you want 
});

Here是的jsfiddle

來源

2016-12-19 11:44:06 Mairaj

我除了之前的模態展示 –

可以獲取數據，並分配給'在上面的代碼模式body'模式內容刷新添加以下代碼片段，其中。 – Mairaj

你可以使用這樣的事情來清除舊數據。在你的代碼下面$（'＃orumodal'）。modal（'show'）;使用以下任一的：

$("#myModal").val(null).trigger("change");

或

$('#myModal').removeData();

刪除除了第一行中的所有行：

$("#myModal").find("tr:not(:nth-child(1))").remove();

來源

2017-03-04 06:43:25

最後這將.show後，工作對我來說（）後reload（）。感謝您的所有提示。注：我已經準備好文件功能

$('#myModal').on('hidden.bs.modal', function (e) {   
 
      location.reload(); 
 
      $('#myModal').show(); 
 
     })

來源

2018-02-09 23:09:33

如何在模態顯示之前刷新引導程序模式刷新

回答

相關問題