Bootstrap-modal拖动


(function(){
    function moveModal($this){
        var $head = $this.find('.modal-header');
        var $dialog = $this.find('.modal-dialog');
        var move = {
            isMove: false,
            left: 0,
            top: 0
        };
        //委托
        console.log('点击的是',$this);
        $this.on('mousemove', function(e){
            if(!move.isMove) return;
            console.log('移动的是', e.target);
            $dialog.offset({
                top: e.pageY - move.top,
                left: e.pageX - move.left
            });
        }).on('mouseup', function(e){
            move.isMove = false;
        });
        $head.on('mousedown', function(e){
            move.isMove = true;
            var offset = $dialog.offset();
            move.left = e.pageX - offset.left;
            move.top = e.pageY - offset.top;
        });
    }
    var oldModal = $.fn.modal;
    $.fn.modal = function(o, _r){
        var $this = $(this);
        if(!$this.attr('ifbindmv')){
            $this.attr('isbindmv','1');
            moveModal($this);
        }
        return oldModal.call(this, o, _r);
    }

    要拖动的div背景
    //$('#showErr').modal({backdrop: 'static'});
})();
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值