js实现自定义话框的移动和剧中显示

js库依赖jquery

//所有对话框ui-dialog居中显示插件, 固定宽高
;
! function($) {

    $.fn.setDialogshow = function() {
        var that = this;
        var w_w = $(window).width();
        var w_h = $(window).height();

        function Throttle(tf) {
            clearTimeout(Throttle.sto);
            Throttle.sto = setTimeout(tf, 100);
        }

        $(window).on('resize', function() {
            Throttle(function() {
                w_w = $(window).width();
                w_h = $(window).height();
                $(that).each(function(index, val) {
                    if ($(this).css('display') != 'none') {
                        $(this).trigger('open');
                    }
                });
            })
        });

        return this.each(function(index, val) {
            var d_w = parseInt($(this).css('width'));
            var d_h = parseInt($(this).css('height'));

            $(this).on('openDialog', function(event) {
                var top = (w_h - d_h) * 2 / 5,
                    left = (w_w - d_w) / 2;
                $(this).css({ 'top': (top > 0 ? top : 0) + 'px', 'left': (left > 0 ? left : 0) + 'px' });
                $(this).show();
            });

            $(this).on('open', function(event) {
                var top = (w_h - d_h) * 2 / 5,
                    left = (w_w - d_w) / 2;
                $(this).css({ 'top': (top > 0 ? top : 0) + 'px', 'left': (left > 0 ? left : 0) + 'px' });
                $(this).show();
            });
            $(this).on('close', function(event) {
                $(this).hide();
                window.mask.hide();
            });

            $(this).find('.cancel, .close').on('click', function() {
                $(val).trigger('close');
            });
        });
    }
}(jQuery);

//所有对话居中
$(function() {
    $('.ui-dialog').setDialogshow();
    $('.ui-dialog-move').moveDialog();
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值