jquery ajax後關閉

Question

我有data-id，我想在我的模態隱藏/關閉後發佈data-id我該怎麼做？自舉模式的

$(function() { 
 
    var popup = $('#AniPopup'); 
 
    var time = $(".will-close strong"); 
 
    var closeSeconds = $("#AniPopup").attr("data-close"); 
 
    var openSeconds = $("#AniPopup").attr("data-open"); 
 
    var dataSrc = $("#AniPopup").attr("data-src"); 
 
    var dataId = $("#AniPopup").attr("data-id"); 
 
    
 

 
    setTimeout(function(e) { 
 
    
 
    popup.modal('show'); 
 
    time.html(closeSeconds); 
 
    
 
    setInterval(function(){ 
 
     time.html(closeSeconds); 
 
     closeSeconds--; 
 
     
 
     if(closeSeconds < 0){ 
 
     popup.modal('hide'); 
 
     } 
 
     
 
    }, 1000) 
 
    
 
    }, openSeconds * 1000); 
 
    
 
    $.ajax({ 
 
    url: dataSrc, 
 
    dataType: "html", 
 
    success: function(data) { 
 
     $(".modal-body").html(data); 
 
    } 
 
    }); 
 
    
 
    
 
});

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<div class="modal fade" id="AniPopup" tabindex="-1" role="dialog" aria-labelledby="AniPopupLabel" aria-hidden="true" data-close="10" data-open="2" data-src="http://www.anitur.com.tr/popup/test-6-text" data-id="69"> 
 
    <div class="modal-dialog"> 
 
    <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="memberModalLabel">Popup Header</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
     this content loaded by ajax 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button type="button" class="btn btn-primary" data-dismiss="modal">Kapat</button> 
 
     <span class="will-close">will be closed after : <strong>n</strong> seconds</span> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Answer 1

使用標準的事件hidden.bs.modal：

$("#AniPopup").on('hidden.bs.modal', function() { 
    // do your staff here 
});