jquery ui中的resizable放大到超过他自己的父级框时超出的元素不能拖动?

  • 回答 (0)
  • 关注 (0)
  • 查看 (79)

jquery ui中的resizable放大到超过他自己的父级框时,超出部分的元素不能拖动,只能拖动显示在父级框中的一部分,

我想找一种方法,缩放是就把他拖出父级框。但没找到,还有一种是找到draggable选中元素的范围,但都没找到,不知你们有没有什么方法能使超出的部分也能按住拖动
$().ready(function(e) {
        //拖拽复制体
        $('#bod-tree .tree-xin,#div-swp .nav-imgs').draggable({
            helper:"clone",
            cursor: "move"
        });

        //释放后
        $('td[id^="row_col_"]').livequery(function() {
            $(this).droppable({
                addClasses:false,

                drop: function (event, ui) {
                    var wen=($('td[id^="row_col_"]').width());
                    var he=($('td[id^="row_col_"]').height());
                    sourceElement = $(ui.helper.context).attr("id");
                    //$(this).children().remove();
                    var source = ui.draggable.clone();

                    source.appendTo($(this));
                    $("#tb-table .tree-xin,#tb-table .nav-imgs").css({
                        width:wen+'px',
                        height: he+'px',
                        top:'0px',
                        position:'absolute',
                    }).draggable({
                        revert : 'invalid',
                        containment: "document",
                        scope : 'drop',
                    }.resizable({
                        containment: '#mqxians',
                        handles: "all",
                    });

                    $('#mqxians').droppable({//拖动到指定的div当中
                        scope: 'drop',
                        addClasses: false,
                        drop: function (event, ui) {//拖拽期间触发
                            var ud = ui.draggable;
                            /* var to=;
                            var le=;*/
                            ud.appendTo($(this)).css({
							                    position : 'absolute',
							                    left : ui.offset.left-($('#mqxians').offset().left),
							                    top : ui.offset.top-($('#mqxians').offset().top)
						                }).draggable({
                                scope: 'drop',
                                containment: 'document',
                                revert: 'invalid',
                            }).resizable({
                                containment: 'parent',
                                handles: "all",
                            });
                        },
                        out: function (event, ui) {
                            var close = ui.draggable;
                            pip_close = close.attr("id");
                            ui.draggable.remove();
                        },

                    });
                },
            });
        });
    });
    
用户6872432用户6872432提问于

扫码关注云+社区

领取腾讯云代金券