jquery clone несколько экземпляров, почему

Question

надеюсь, что может помочь, пробуя клон JQuery, который, кажется, работает, но я получаю «множественные» клоны, а не отдельные клоны при «подавлении» кнопки.

например: Я хочу, чтобы клонировать это:

echo '<select class="hello">'; 
    foreach ($pageposts as $post): 
    echo '<option>'.$post->post_title.'</option>'; 
    endforeach; 
    echo '</select>'; 

по щелчку этого

echo '<input type="button" id="rp" value="add">'; 

Да от WordPress и да класс "привет" от страниц JQuery

Мои Функция JQuery:

$j=jQuery.noConflict(); 
$j(document).ready(function() { 
$j('#rp').click(function(){ 
$j('.hello').clone().appendTo('#goodbye'); 
}); 
}); 

Так что мой «общий код Snippit» выглядит следующим образом:

echo '<select class="hello">'; 
foreach ($pageposts as $post): 
echo '<option>'.$post->post_title.'</option>'; 
endforeach; 
echo '</select>'; 
echo '<div id="goodbye"></div>'; 
echo '<input type="button" id="rp" value="add">'; 

клонировать «один раз» на первом прессе, но затем он идет в кратные, то есть:

1 клик дает 1 клон плюс 1 оригинал - что я хочу

2 клик дает 3 клонов плюс 1 оригинал - не то, что я хочу, я хочу, 1 оригинал и 2

3 щелчков дают 7 клонов плюс 1 оригинал - не то, что я хочу, я хочу, 1 оригинал плюс 3 и т.д.

Предложения пожалуйста. Благодаря

Answer 1

Это потому, что ваш селектор ищет класс:

$j('.hello') 

Everytime вы клонировать и добавить это к другому элементу вы добавляете еще один .hello элемента, поэтому вашему клонировать каждый .hello элемент может найти ,

Может быть, вы должны удалить имя класса, когда он был клонирован:

$j('.hello').clone().removeClass('hello').appendTo('#goodbye'); 

или, возможно, даже изменить его:

$j('.hello').clone().removeClass('hello').addClass('cloned_hello').appendTo('#goodbye'); 

Вы можете добавить другой класс, чтобы ваш CSS будет по-прежнему работать , но в конечном итоге именно поэтому вы получаете несколько клонированных предметов.

Answer 2

поведение нормальное, потому что вы клонируете каждый элемент, в котором есть класс приветствия.

Попробуйте это:

$j('.hello').clone().attr("class","cloned").appendTo('#goodbye'); 

И вы положили в вашем CSS то же самое в .cloned как в .hello.

Надеюсь, это поможет :)