在Bootstrap 3中將參數傳遞給遠程模態

Question

我有一個功能可以將遠程內容加載到bootstrap 3模式中，該模式使用php生成的記錄集的id。 我似乎正在正確檢索ID，但是遠程頁面內容始終顯示我單擊的第一個ID

<script type="text/javascript">
$(document).ready(function(){
    $('.pull-right').click(function(){
        var id = this.id;
        alert(id);
        $('#myModal').modal({

    remote: '/member_profile.php?MemberID='+id,
    show: true
});
    }); 
});
</script>

由於ID是正確生成的，因此參數未正確傳遞到遠程php頁面嗎？

Answer 1

每當您打開AJAX模式時，都需要重置數據。 這是您要尋找的：

$('body').on('hidden.bs.modal', '#myModal', function() { $(this).removeData('bs.modal'); });

Answer 2

$('#myModal').on('hide.bs.modal', function(){
   $(this).removeData('bs.modal');
});

是的，如果默認情況下未禁用“模態”動畫，則“隱藏”不是“隱藏”。 這將執行更穩定和穩定的操作，因為它在您關閉模式div后立即觸發。 我只是在經歷一場噩夢之后才這樣做...

而且我發現removeData（'bs.modal'）已經添加到Bootstrap 3.1源代碼中，但是只是在事件'hidden.bs.modal'上出現，因此有時仍會發生該錯誤。