2013-04-17 5 views
0

Я использую jQuery интерфейс для создания перетаскиваемой панели. Он отлично работает, но когда я перетаскиваю его поверх встроенного iframe на странице, он становится неуклюжим и перестает двигаться. Я думал, что это может быть только плагин, но это происходит со всеми моими динамически создаваемыми элементами, которые перемещают верхнюю часть iframe.Элементы Javascript buggy overtop iFrame

Кто-нибудь знает, что происходит не так или как это исправить?

ответ

1

Вы должны скрывать iframe, когда вы перетаскиваете/изменяете размер панели. Это можно сделать, поместив скрытый прозрачный div прямо над iframe (того же размера) и показывая его только тогда, когда запускается событие drag/resize. Поэтому продолжайте переключать, как только запускаются и запускаются события перетаскивания/изменения размера.

+0

Хм. Не уверен, что это помогло ... У меня уже был полупрозрачный сетчатый стиль 'div', накладывающийся на фрейм, но он все еще сжимается. Я также использую плагин jQuery.Ruler, который отслеживает положение курсора на экране, и когда поле координат перемещается по кадру с помощью курсора, оно также становится глючным. –

+0

Было бы неплохо увидеть некоторые [testcase] (http://cssdeck.com/labs). – Rishabh

+0

Вот почти буквально мой точный код - всего несколько изменений: http://jsfiddle.net/uEGZP/ –

Смежные вопросы