任何人都经历过缓慢的 ajax 内容加载到模态中,并且按钮变小并且加载的内容不完整。
例子:
**part of index.html**
<div id="floatcontainer" class="modal container hide fade" tabindex="-1" data-replace="true" role="dialog">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body"></div>
</div>
<a class="view" href="http://domain/data.html" style="text-decoration:none;">click to view</a>
<script type="text/javascript">
$('.view').click(function(e){
$('body').modalmanager('loading');
//$('#floatcontainer').removeData(modal);
$('#floatcontainer').modal({remote : $(this).attr('href')});
e.preventDefault();
return false;
});
</script>
**part of data.html**
<span class="btn btn-small"><i class="icon-edit"><a href="edit.php" style="text-decoration:none; font-size:10px; color:black;">VIDEO</a></span>
截屏
通常没有加载到模态