showTitleLoading 显示标题栏加载中

优质

小牛编辑

121浏览

2023-12-01

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>

查看演示扫码查看用支付宝扫码运行