bootsrap 加載進度提示

bootsrap 加載進度提示简体版

原文原文鏈接

bootrap 的加載數據效果：前端

function initLoading(){
    $("body").append("<!-- loading -->" +
            "<div class='modal fade' id='ajaxbodyloading' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' data-backdrop='static'>" +
            "<div class='modal-dialog' role='document'>" +
            "<div class='modal-content'>" +
            "<div class='modal-header'>" +
            "<h4 class='modal-title' >提示</h4>" +
            "</div>" +
            "<div  class='modal-body'>" +
            "<span class='glyphicon glyphicon-refresh' aria-hidden='true'></span>" +
            "加載中,請稍候..." +
            "</div>" +
            "</div>" +
            "</div>" +
            "</div>"
    );
}
function showLoading(){
   
    $("#ajaxbodyloading").modal("show");
}
function hideLoading(){
    $("#ajaxbodyloading").modal("hide");
}

測試過了，其實效果不怎樣，換成是了 layer 前端框架，果真很厲害。ajax

更好的 http://www.jb51.net/article/87189.htm前端框架

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。