Проблемы с jQuery UI изменяемые и перетаскиваемые

Question

У меня есть div, который я хочу изменить и перетащить, но вижу проблемы. Этот div является абсолютным позиционированием и имеет z-индекс 1000. Он имеет текст в нем, но также может иметь много пробелов.

Для перетаскивания он будет работать, если мышь находится над частью div с текстом. Если текста нет, он не может захватить div.

Я не могу заставить изменчивый плагин работать вообще. Я могу видеть добавленные divs и маленькую вещь, изображающую шеврон в правом нижнем углу. Но опять же, когда я нажимаю, ничего не происходит, и это заканчивается тем, что выделяет текст в divs за этим div.

Я заметил, что ui-resizable пытается установить позицию css моего div в относительную, но меня переопределяет мой css, который делает его абсолютным. Я не могу найти ссылку, которую вы не можете использовать этот виджет для элемента с абсолютным позиционированием. На самом деле, чтение в Интернете кажется, что это не должно быть проблемой.

Любые идеи?

Answer 1

Абсолютное позиционирование не влияет на то, что div не может быть изменен или перетаскивается. Это, кажется, работает просто отлично:

HTML

<div id="dragResize"></div> 

JQuery

$("#dragResize").draggable().resizable(); 

JSFiddle

Я считаю, что ваша проблема находится где-то в вашем коде.

Answer 2

Я понял, в чем проблема. На грандиозном родителе div, к которому я применял это, я ранее установил свой индекс z на -1, чтобы убедиться, что все выстроено в правильном порядке. Когда я изменил это на 1, все сработало нормально. Поэтому я думаю, что проблема заключалась в том, что некоторые внешние div накладывались на перетаскиваемый, изменяемый размер div.