Alipay JSSDK V3.1.1

ap.showActionSheet(OPTION, CALLBACK)

显示操作菜单。

OPTION 参数说明

名称	类型	必填	描述
title	String	否	菜单标题
items	String Array	是	菜单按钮的文字数组
cancelButtonText	String	否	取消按钮文案，默认为「取消」

CALLBACK 参数说明

点击菜单按钮时调用

名称	类型	描述
index	Number	被点击的按钮的索引，从0开始。点击取消或蒙层时返回 -1

代码示例

<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script>

<button id="J_btn" class="btn btn-default">显示 ActionSheet</button>
<script>
  var btn = document.querySelector('#J_btn');
  btn.addEventListener('click', function(){
    ap.showActionSheet({
      title: '支付宝-ActionSheet',
      items: ['菜单一', '菜单二', '菜单三']
    }, function(res){
      var btn = res.index === -1 ? '取消' : '第' + res.index + '个';
      ap.showToast('你点了' + btn + '按钮' );
    });
  });
</script>

查看演示

扫码查看

用支付宝扫码运行