真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

重慶分公司 重慶分公司

• 網(wǎng)站建設(shè)
• 網(wǎng)站制作
• 網(wǎng)站營銷
• 小程序
• 新聞動態(tài)
• 成功案例
• 關(guān)于我們
028-86922220

• 網(wǎng)站建設(shè)
• 網(wǎng)站制作
• 網(wǎng)站營銷
• 小程序
• 新聞動態(tài)
• 成功案例
• 關(guān)于我們

/**
 * 自定義Loading插件
 * @param {Object} config
 * {
 * content[加載顯示文本],
 * time[自動關(guān)閉等待時間(ms)]
 * } 
 * @param {String} config 
 * 加載顯示文本
 * @refer 依賴 JQuery-1.9.1及以上、Bootstrap-3.3.7及以上
 * @return {KZ_Loading} 對象實例
 */
function KZ_Loading(config) {
  if (this instanceof KZ_Loading) {
    const domTemplate = '

基本調(diào)用：

var loading = new KZ_Loading('數(shù)據(jù)加載中。。。');
setTimeout(function () {
  console.log('加載完成!');
  loading.hide();
}, 1000);

自動關(guān)閉：

var loading = new KZ_Loading({
  content: '數(shù)據(jù)加載中。。。',
  time: 2000
});
loading.show();

銷毀Loading Dom節(jié)點：

 loading.destroy();

ps：下面看下基于JQUERY BOOTSTRAP 最簡單的loading遮罩層

<%--loading遮罩層--%>

  　　
  　　　　
  　　　　　　
  　　　　
  　　　　loading...
  　　

<%--loading方法--%>

  var loadingTime= 5;//默認(rèn)遮罩時間
  showLoading = function (loadText) {
    if(!loadText){
      $("#loadText").html(loadText)
    }
    $('#loadingModal').modal({backdrop: 'static', keyboard: false});
  }
  hideLoading = function () {
    $('#loadingModal').modal('hide');
  }

以上是“JQuery+Bootstrap如何自定義全屏Loading插件”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！