2013-02-20 64 views

回答

2

您可以使用引导模式插件http://twitter.github.com/bootstrap/javascript.html#modals在弹出窗口中加载ajax内容。

没有引导方式让微调,但你可以在显示模式弹出之前自己做。

+1

[字体真棒拥有纺图标](HTTP ://fortawesome.github.com/Font-Awesome/#examples)Font Awesome是标准图标的替代品。 – 2013-02-20 08:42:55

6

这是为我工作使用Ajax调用字体真棒(作为公认的答案推荐),并调整了模态风格有点:

<!-- CSS --> 
<style> 
    #spinner-modal .modal-dialog, 
    #spinner-modal .modal-content, 
    #spinner-modal .modal-body { 
     background: transparent; 
     color: rgba(255,255,255,1); 
     box-shadow: none; 
     border: none; 
    } 
</style> 

<!--[ SPINNER MODAL ]--> 
<div class="modal fade" id="spinner-modal"> 
    <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
      <div class="modal-body text-center"> 
       <h3><i class="fa fa-cog fa-spin"></i> Working...</h3> 
      </div> 
     </div> 
    </div> 
</div> 

<!--[ JS ]--> 
<script> 
     $('#search-form-input').autocomplete({ 
      source: '/search.php', 
      minLength: 2, 
      select: function(event, ui) { 
       $('#spinner-modal').modal('show'); 
       var url = '/a/results/index.php?i=' + ui.item.item_id; 
       window.location.href = url; 
      } 
     }); 
</script>