首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jquery ui中的resizable放大到超过他自己的父级框时超出的元素不能拖动?

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

提问于 2020-01-03 15:35:56
回答 0关注 0查看 290

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

我想找一种方法,缩放是就把他拖出父级框。但没找到,还有一种是找到draggable选中元素的范围,但都没找到,不知你们有没有什么方法能使超出的部分也能按住拖动
我想找一种方法,缩放是就把他拖出父级框。但没找到,还有一种是找到draggable选中元素的范围,但都没找到,不知你们有没有什么方法能使超出的部分也能按住拖动
代码语言:js
复制
$().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();
                        },

                    });
                },
            });
        });
    });
    

回答

和开发者交流更多问题细节吧,去 写回答
相关文章

相似问题

相关问答用户
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档