Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: jquery UI draggable

PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

jquery UI draggable

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Bio man	Отправлено: 15 Декабря, 2013 - 17:10:36
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	Столкнулся с такой проблемой. Разметка Спойлер (Отобразить) CODE (html): скопировать код в буфер обмена <div class="cp-widgets"> <div class="cp-widgets-inner"> <div> <div class="cp-widget-preview well well-sm">test test test</div> <div class="cp-widget-preview well well-sm">test test test</div> </div> <div> <div class="cp-widget-preview well well-sm">test test test</div> <div class="cp-widget-preview well well-sm">test test test</div> </div> </div> </div> CSS Спойлер (Отобразить) CODE (css): скопировать код в буфер обмена .cp-widgets { position: fixed; left: 0; right: 0; top: 51px; height: 110px; z-index: 100; display: none; background: rgba(232,232,232,.8); } .cp-widgets-inner { white-space: nowrap; overflow-x: hidden; position: relative; margin: 0 4%; } .cp-widget-preview { padding: 10px 0; margin: 5px; min-width: 100px; display: inline-block; } JS Спойлер (Отобразить) CODE (javascript): скопировать код в буфер обмена $('#cp-widgets-area').sortable({ revert: true }); $('.cp-widget-preview').draggable({ connectToSortable: "#cp-widgets-area", revert: "invalid", scroll: false }); При перетаскивании элемента он не выходит за границу .cp-widgets-inner, то есть появляется скролл и элемент перемещается только внутри родителя. А мне нужно, что бы элемент при перетаскивании имел position: absolute, что бы при перетаскивании выходил за рамки родителя. (Отредактировано автором: 15 Декабря, 2013 - 17:11:33)

Ch_chov	Отправлено: 15 Декабря, 2013 - 18:18:51
Постоянный участник Покинул форум Сообщений всего: 2121 Дата рег-ции: Июль 2008 Откуда: из города Помог: 90 раз(а)	overflow: visible;

Bio man	Отправлено: 15 Декабря, 2013 - 18:26:34
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	Помогло, но все равно не то. Контролы сбиваются (я не привел контролы в коде). Было бы круто решить это средствами jQUI, но я не понимаю, почему он выставляет position: relative а не absolute. Погуглил, говорят, что возможно это из-за того, что draggable элемент еще не вставлен в дерево DOM, хотя инициализация идет после строки CODE (javascript): скопировать код в буфер обмена this.$el.find('#cp-content').html(tpl); // тут вставляется отрендеренный шаблон

Panoptik	Отправлено: 15 Декабря, 2013 - 22:12:30
Постоянный участник Покинул форум Сообщений всего: 2493 Дата рег-ции: Нояб. 2011 Откуда: Одесса, Украина Помог: 131 раз(а)	если я правильно понял, я эту проблему решал через helper http://api[dot]jqueryui[dot]com/draggable/#option-helper он позволяет вылезать за пределы контейнера, а текущий элемент всегда находится в пределах контейнера и с ним сложно бороться ----- Just do it

armancho7777777	Отправлено: 16 Декабря, 2013 - 00:36:50
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	containment CODE (javascript): скопировать код в буфер обмена $( ".selector" ).draggable({ containment: "document" }); ?

Bio man	Отправлено: 16 Декабря, 2013 - 14:03:45
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	armancho7777777, не, не помогает. А хелпер помог. (Добавление) Еще такой вопрос. Как то давно смотрел примеры, видел, что при перетаскивании можно сделать так, что бы вместо оригинала был какой то другой элемент.. а щас найти не могу. Может кто знает? (Добавление) А все, нашел, делается через хелпер

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.