ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Jquery копирование элемента
16 сообщений из 16, страница 1 из 1
Jquery копирование элемента
    #38759610
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
есть эелемент div1 , находится в специальном div0 с display=none.
нужно вытащить его из div0 и поставить в нужное место
если делать append то из div0 он будет перемщен в нужное место.
если сделать dic1.clone().appendTo(...) то один раз будет нормально, а второй и следующий разы копии увеличиваются...
как правильно вставить копии в разные места?
...
Рейтинг: 0 / 0
27.09.2014, 20:30
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38759640
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
пример такого копирования
http://jsfiddle.net/5tf2tfdd/
...
Рейтинг: 0 / 0
27.09.2014, 22:21
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38759723
Alexander A. Sak
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexander A. Sak
Участник
Первый $(".hello").clone() выбирает и копирует один элемент.
Второй $(".hello").clone() выбирает и копирует уже два: изначальный и скопированный.

Если всегда использовать набор, полученный до первого клонирования, будет более логично:
Код: javascript
1.
2.
3.
var $toClone = $(".hello");
$toClone.clone().appendTo(".container");
$toClone.clone().appendTo(".container");
...
Рейтинг: 0 / 0
28.09.2014, 08:23
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38759730
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Alexander A. Sak, СПАСИБО!
...
Рейтинг: 0 / 0
28.09.2014, 09:58
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38759749
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Если по идентификатору выбирать, то один элемент будет склонирован.

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
<!DOCTYPE HTML>
<html>
<head>    
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>    
  <style>
    #div0 {
      display:none;
    }
  </style>
</head>
<body>
  <div id="div0">
    <div id="div1">Clone me!</div>
  </div>
  <script>
    function doClone() {
      var clone, original = $('#div1');
        
      clone = original.clone();
      // clone.removeAttr('id');
      clone.appendTo('body');
    }

    doClone();
    doClone();
    doClone();
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
28.09.2014, 11:27
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38760522
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
2Alexander A. Sak, в итоге не помогло, при повторном использовании всё равно получается удвоение.

2skyANA, вариант рабочий, но возникает вопрос: а правильный ли он?
т.к. получается n элементов с одинаковым id.
...
Рейтинг: 0 / 0
29.09.2014, 12:58
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38760542
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
вадя, раскомментируйте строку
Код: javascript
1.
// clone.removeAttr('id');
...
Рейтинг: 0 / 0
29.09.2014, 13:12
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38760599
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
skyANAвадя, раскомментируйте строку
Код: javascript
1.
// clone.removeAttr('id');


это понятно. логичнее клонировть по классу....
...
Рейтинг: 0 / 0
29.09.2014, 13:44
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38760614
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
вадяskyANAвадя, раскомментируйте строку
Код: javascript
1.
// clone.removeAttr('id');


это понятно. логичнее клонировть по классу....Чем это логичнее?

Есть специальный элемент, что находится в специальном контейнере. Клонировать надо именно этот элемент, а не любой другой такого же класса.
Логично его однозначно идентифицировать.
...
Рейтинг: 0 / 0
29.09.2014, 13:50
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38761097
alex564657498765453
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alex564657498765453
Участник
Вадя прав и не прав одновременно.

давайте, уважаемый Вадя, подумаем.

что такое класс - это тип, определяющий общее для множества индивидуальностей

что такое айди - это идентификатор индивидуальности среди множества похожих(однотипных)

что такое клон() - это сделать дубликат... чего? множества похожих елементов, или всётаки индивидуальности?

поэтому логичней было бы делать так

Код: html
1.
2.
3.
4.
5.
6.
<div id='no-visible-container-for-our-super-puper-tamplates'>

<div id='picture-container-big--proto' class='picture-container-big'> ...</div>
<a id ='link-super-puper-animation--proto' class='link-super-puper-animation'>..</a>

</div>



и выбирать для клонирования имено по айдишнику, ибо мы определённое хотим склонировать.

можно без айди, делая выбор
#no-visible-container-for-our-super-puper-tamplates > .picture-container-big

но в любом случае выбор должен быть определённой индивидуальности, и определённая
подразумевает автоматически айди(в данном примере, а что если потом в другом месте тоже
появиться контейнер див с елементами для клонирования - если такой див класом определять - будет лажа...неопределёность, ведь в обоих может быть нужный тег для клонирования с небольшим различием)

Поэтому вы правы, что логично, чтобы елемент клонированый был уже с класом... тоесть
мы клонировали елемент класса, дабы получить ещо один елемент этого же класса а
не шаманить потом с аддкласс... но
зря отмахнулись от айдишника.
...
Рейтинг: 0 / 0
29.09.2014, 18:13
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38761129
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
я и прав и не прав....
даже если копировать через класс - id будет (если он есть) продублирован - вариант не айс (надо id убирать/менять)
но если клонируем по классу, то jquery так устроен, что делает набор по селектору.
и, видимо, если в селекторе класс - ищет все элементы с этим классом,
если в селекторе id - останавливается на первом найденном, считая что id повторится не может.
поэтому копировать надо по id и в скопированном элементе id убирать/менять по месту для прохождения валидации и нормального функционирования.
...
Рейтинг: 0 / 0
29.09.2014, 18:40
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38762317
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Gustly
Участник
Тогда добавляйте в селектор :eq(1)
...
Рейтинг: 0 / 0
30.09.2014, 16:36
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38762526
alex564657498765453
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alex564657498765453
Участник
вадяя и прав и не прав....
даже если копировать через класс - id будет (если он есть) продублирован - вариант не айс (надо id убирать/менять)
но если клонируем по классу, то jquery так устроен, что делает набор по селектору.
и, видимо, если в селекторе класс - ищет все элементы с этим классом,
если в селекторе id - останавливается на первом найденном, считая что id повторится не может.
поэтому копировать надо по id и в скопированном элементе id убирать/менять по месту для прохождения валидации и нормального функционирования.

ох блин...я забыл это вписать в свой эпос... правильно подметил
находим индивидуальность, клонируем, и даём другой айди(убираем) дабы всётаки получить
новую индивидуальность а не клона
...
Рейтинг: 0 / 0
30.09.2014, 18:52
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38762544
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
GustlyТогда добавляйте в селектор :eq(1)
дельное замечание.
...
Рейтинг: 0 / 0
30.09.2014, 19:07
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38762579
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
вадяGustlyТогда добавляйте в селектор :eq(1)
дельное замечание.Смотрите только не размещайте клон перед оригиналом на странице :)
...
Рейтинг: 0 / 0
30.09.2014, 19:37
| Ответить | Цитировать | Написать  
Jquery копирование элемента
    #38762665
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
авторСмотрите только не размещайте клон перед оригиналом на странице :)
и чем это грозит?
...
Рейтинг: 0 / 0
30.09.2014, 22:32
| Ответить | Цитировать | Написать  
16 сообщений из 16, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Jquery копирование элемента
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38760522&tid=1446674]:
 0ms
get settings:
 6ms
get forum list:
 14ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 143ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 51ms
get tp. blocked users:
 1ms
others: 223ms
total:  454ms
созд. / загр.: 454ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]