宽度和高度变为0,jQuery可排序

时间:2018-07-04 09:06:27

标签: jquery html angular jquery-ui-sortable

目前,在我的应用程序中,DIv是可拖动的,现在可以将大型代码分为多个文件,我正在设计角度为4的小型组件。

我的div以前具有可排序的功能,但是现在我作为父对象出现的角度组件标签具有排序功能。

以下是我的可排序函数片段。

sortItem.sortable({
                items: widgetParents,
                connectWith: sortItem,
                placeholder: self.o.placeholderClass,
                cursor: 'move',
                revert: true,
                opacity: self.o.opacity,
                delay: 200,
                cancel: '.button-icon, #jarviswidget-fullscreen-mode > div',
                zIndex: 10000,
                handle: "> div >header",//self.o.dragHandle,
                forcePlaceholderSize: true,
                forceHelperSize: true,
                helper: 'clone',
                update: function (event, ui) {
                    /* run pre-loader in the widget */
                    self._runLoaderWidget(ui.item.children());
                    /* store the positions of the plugins */
                    self._savePositionWidget();
                    /**
                     * Run the callback function.
                     **/
                    if (typeof self.o.onChange == 'function') {
                        self.o.onChange.call(this, ui.item);
                    }
                }
            });

以下是我的原始标签页视图。

Original Tab view

以下是拖动时的选项卡视图。我可以看到,以某种方式排序的jQuery正在将宽度和高度更改为0px。

Issue with width while dragging

我在做什么错误,或者我该如何解决?

谢谢。

0 个答案:

没有答案