Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.01.2010, 21:28
Аспирант
Отправить личное сообщение для bobroff Посмотреть профиль Найти все сообщения от bobroff
 
Регистрация: 28.11.2009
Сообщений: 30

Как реализовать перемещение элементов (типа move)?
Здравствуйте.

Например есть разметка
<div id="container">
   <div id="1"></div>
   <div id="2"></div>
   <div id="3"></div>
   <div id="4"></div>
   <div id="5"></div>
</div>


Необходимо переместить <div id="4"> перед <div id="1">.

Я придумал следующий вариант:
1. Создаю копию <div id="4"> с помощью clone(true);
2. Вставляю ее в <div id="container"> с помощью prepend();
3. Удаляю старый <div id="4"> с помощью remove().

Но в моей случае, данный вариант не подходит. Необходимо не создавать копию, а именно перемещать уже заранее созданный элемент. Подскажите как реализовать?

Заранее, спасибо...
Ответить с цитированием
  #2 (permalink)  
Старый 09.01.2010, 21:41
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 09.07.2008
Сообщений: 3,873

$("#container").prepend($("#4").get(0))


И по стандартам id не должен начинаться с цифры.
Ответить с цитированием
  #3 (permalink)  
Старый 09.01.2010, 21:57
Аспирант
Отправить личное сообщение для bobroff Посмотреть профиль Найти все сообщения от bobroff
 
Регистрация: 28.11.2009
Сообщений: 30

Сообщение от Octane Посмотреть сообщение
$("#container").prepend($("#4").get(0))


И по стандартам id не должен начинаться с цифры.
Id обозвал так для примера. Спасибо за код, попробую его.
Ответить с цитированием
  #4 (permalink)  
Старый 09.01.2010, 22:02
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Сообщение от Octane
И по стандартам id не должен начинаться с цифры.
Пруфлинк?
Ответить с цитированием
  #5 (permalink)  
Старый 09.01.2010, 22:18
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 09.07.2008
Сообщений: 3,873

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").
http://www.w3.org/TR/1999/REC-html40...html#type-name
Ответить с цитированием
  #6 (permalink)  
Старый 09.01.2010, 22:43
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Octane,
ок. Хотя при этом id-шники, начинающиеся на :, например, прекрасно работают. Да я и не вижу смысла в этом ограничении.
Ответить с цитированием
  #7 (permalink)  
Старый 10.01.2010, 09:37
Аспирант
Отправить личное сообщение для bobroff Посмотреть профиль Найти все сообщения от bobroff
 
Регистрация: 28.11.2009
Сообщений: 30

Сообщение от Octane Посмотреть сообщение
$("#container").prepend($("#4").get(0))
Опробовал данный код, в моем примере он не работает, т.к.:
1. Если внутри <div> есть скрипты <script> - то они не переносятся.
2. Если внутри <div> есть hidden или display:none элементы - то они также не переносятся.

Так что пока вопрос остается открытым.
Ответить с цитированием
  #8 (permalink)  
Старый 10.01.2010, 14:52
Аватар для micscr
Профессор
Отправить личное сообщение для micscr Посмотреть профиль Найти все сообщения от micscr
 
Регистрация: 10.09.2009
Сообщений: 1,382

Сообщение от bobroff Посмотреть сообщение
Так что пока вопрос остается открытым.
$('#id4').insertBefore('#id1');
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как реализовать на jQuery скроллинг фоток sensor jQuery 8 31.05.2010 17:51
Как реализовать? Fliand Элементы интерфейса 4 22.08.2009 18:47
Как снять фокус со всех элементов? Logo Общие вопросы Javascript 7 02.07.2009 22:53
Динамически увеличивающиеся изображения: как реализовать? cforest Events/DOM/Window 6 24.06.2009 16:16
Как сделать смену картинки, типа "до" и "после", без перезагрузки страницы? btstudio Events/DOM/Window 2 23.02.2009 19:43