引導動態模型

我一直在努力做的Twitter的引導，像這樣的動態模式：引導動態模型

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

它每次我點擊該按鈕後重新放入模態數據...

我注意到的是，在關閉預覽模式後，當我打開下一個模式時，預覽數據仍然顯示，幾秒鐘後它將被更新爲新數據。

我想要的是，每調用一次模式，它都會將數據設置爲「Loading ...」，然後顯示新數據。

這是如何實現的？還是有更好的方法？

更新

這是怎麼我用data-remove=

<a href="" role="button" data-target="#myModal" data-toggle="modal" data-backdrop="static" data-remote="/manager/test/{{ $donator->USERNO }}"><i class="icon-plus"></i></a>

模態

<!-- Modal --> 
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
     <h3 id="myModalLabel">Editing Data</h3> 
    </div> 
    <div class="modal-body"> 
     <div class="loading-modal">Loading...</div> 
    </div> 
    <div class="modal-footer"> 
     <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
     <button class="btn btn-primary">Save changes</button> 
    </div> 
</div>

來源

2013-05-28 user2415940

當你說你是「裝數據「是什麼意思？你是通過Ajax加載數據嗎？ – DairyLea

我更新了我的問題。對不起，沒有指定... – user2415940

我已經做了類似的呼籲模態的遠程數據使用Ajax的東西，不知道它是否是'最好'的方式這樣做，但它的作品。

只需使用一個JavaScript函數調用一個普通按鈕/超級鏈接：

<button class="btn" onclick="showDialog()">Click Me</button>

然後在函數內部顯示對話框並進行Ajax調用：

function showDialog() { 
    $("#dialogBody").html("Loading..."); // Or use a progress bar... 
    $("#dialog").modal("show"); 
    $.ajax({ 
     url: myUrl.com, 
    }).success(function(data) { 
     $("#dialogBody").html(data); 
    }); 
}

來源

2013-05-28 20:20:58 DairyLea

引導動態模型

回答

相關問題