这里以jquery-easyui-1.4.2为例

我们一般引入的是

 <script src="./jquery-easyui-1.4.2/jquery.easyui.min.js"></script>

所以修改jquery.easyui.min.js里的源码
将window组件的拖动方法修改，去掉延迟拖动这块，变成实时拖动。

  function _284(_285) {
        var _286 = $.data(_285, "window");
        _286.window.draggable({
            handle: ">div.panel-header>div.panel-title", disabled: _286.options.draggable == false, onStartDrag: function (e) {
                if (_286.mask) {
                    _286.mask.css("z-index", $.fn.window.defaults.zIndex++);
                }
                if (_286.shadow) {
                    _286.shadow.css("z-index", $.fn.window.defaults.zIndex++);
                }
                _286.window.css("z-index", $.fn.window.defaults.zIndex++);
                // if (!_286.proxy) {
                //     _286.proxy = $("<div class=\"window-proxy\"></div>").insertAfter(_286.window);
                // }
                // _286.proxy.css({ display: "none", zIndex: $.fn.window.defaults.zIndex++, left: e.data.left, top: e.data.top });
                // _286.proxy._outerWidth(_286.window._outerWidth());
                // _286.proxy._outerHeight(_286.window._outerHeight());
                // setTimeout(function () {
                //     if (_286.proxy) {
                //         _286.proxy.show();
                //     }
                // }, 500);
                console.log("state", _286);
            }, onDrag: function (e) {
                _286.options.left = e.data.left;
                _286.options.top = e.data.top;
                $(_285).window("move");
            }, onStopDrag: function (e) {
                _286.options.left = e.data.left;
                _286.options.top = e.data.top;
                $(_285).window("move");
                // _286.proxy.remove();
                // _286.proxy = null;
            }
        });

这个代码是压缩后的，可以看下压缩前的代码query.window.js

    /**
     * set window drag and resize property
     */
    function setProperties(target){
        var state = $.data(target, 'window');
        
        state.window.draggable({
            handle: '>div.panel-header>div.panel-title',
            disabled: state.options.draggable == false,
            onStartDrag: function(e){
                if (state.mask) state.mask.css('z-index', $.fn.window.defaults.zIndex++);
                if (state.shadow) state.shadow.css('z-index', $.fn.window.defaults.zIndex++);
                state.window.css('z-index', $.fn.window.defaults.zIndex++);
                options
                if (!state.proxy){
                    state.proxy = $('<div class="window-proxy"></div>').insertAfter(state.window);
                }
                state.proxy.css({
                    display:'none',
                    zIndex: $.fn.window.defaults.zIndex++,
                    left: e.data.left,
                    top: e.data.top
                });
                state.proxy._outerWidth(state.window._outerWidth());
                state.proxy._outerHeight(state.window._outerHeight());
                
                setTimeout(function(){
                    if (state.proxy) state.proxy.show();
                }, 500);
            },
            onDrag: function(e){
                state.proxy.css({
                    display:'block',
                    left: e.data.left,
                    top: e.data.top
                });
                return false;
            },
            onStopDrag: function(e){
                state.options.left = e.data.left;
                state.options.top = e.data.top;
                $(target).window('move');
                state.proxy.remove();
                state.proxy = null;
            }
        });

版权属于：小小窝/禾下月

本文链接：https://hxyxyz.top/index.php/Web/314.html

本站文章采用 知识共享署名4.0 国际许可协议 进行许可，请在转载时注明出处及本声明！