JSAPI

  • Since 8.6

    showTitleLoading

    在标题栏显示loading

    使用方法

    AlipayJSBridge.call('showTitleLoading');
    

    代码演示

    显示/隐藏全局loading框

    <h1>点击下面按钮查看效果</h1>
    <a href="javascript:void(0)" class="btn show">显示loading</a>
    <a href="javascript:void(0)" class="btn hide">隐藏loading</a>
    
    <script>
    function ready(callback) {
      // 如果jsbridge已经注入则直接调用
      if (window.AlipayJSBridge) {
        callback && callback();
      } else {
        // 如果没有注入则监听注入的事件
        document.addEventListener('AlipayJSBridgeReady', callback, false);
      }
    }
    ready(function() {
      document.querySelector('.show').addEventListener('click', function() {
        AlipayJSBridge.call('showTitleLoading');
      });
    
      document.querySelector('.hide').addEventListener('click', function() {
        AlipayJSBridge.call('hideTitleLoading');
      });
    });
    </script>