微信weui之actionSheet应用

我是代码

   //设置弹出框弹出事件
    function showImagesActionSheet(index) {
        console.log('showImagesActionSheet in ');
        var mask = $('#mask');
        var weuiActionsheet = $('#weui_actionsheet');
        weuiActionsheet.addClass('weui_actionsheet_toggle');
        mask.show()
            .focus()//加focus是为了触发一次页面的重排(reflow or layout thrashing),使mask的transition动画得以正常触发
            .addClass('weui_fade_toggle').one('click', function () {
            hideActionSheet(weuiActionsheet, mask);
        });
        $('#actionsheet_cancel').one('click', function () {
            hideActionSheet(weuiActionsheet, mask);
        });
        $('.weui_actionsheet_menu .weui_actionsheet_cell').click(function () {
            if ($(this).text().indexOf('预览图片') >= 0 && $scope.acitonSheetAnble) {//预览图片
                console.log('openPhotoSwipe in ');
                $scope.acitonSheetAnble = false;
                openPhotoSwipe();
                console.log('openPhotoSwipe out ');
                //previewImage(index);
            } else {//删除图片
                //index需要加1处理后,再和imageNum进行对比,因为第一张图片的index值 = 0.但是imageNum = 1
                deleteImage(index + 1);
            }
            $('#showActionSheet1').val($(this).text());
            $('#actionsheet_cancel').click();
        })
        mask.unbind('transitionend').unbind('webkitTransitionEnd');

        function hideActionSheet(weuiActionsheet, mask) {
            weuiActionsheet.removeClass('weui_actionsheet_toggle');
            mask.removeClass('weui_fade_toggle');
            mask.on('transitionend', function () {
                mask.hide();
            }).on('webkitTransitionEnd', function () {
                mask.hide();
            })
        }

        console.log('showImagesActionSheet out ');
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值