jQuery Clone вводит в двух формах на одной странице? - PullRequest
Новая
       15

jQuery Clone вводит в двух формах на одной странице?

1 голос
/ 20 января 2012

Я пытался заставить работать две формы на одной странице, и единственная проблема, которая у меня возникла, это не заставить работать входы клонов, они, кажется, конфликтуют друг с другом из-за элементов div.

Я использовал этот учебник в качестве руководства: http://www.9lessons.info/2009/06/submit-multiple-forms-jquery-ajax.html

Вот код, работающий с одной формой: http://jsfiddle.net/yBdTA/

И вот чего я хочу достичь: http://jsfiddle.net/c4Uce/

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

Я знаю, что могу дублировать функцию jQuery, чтобы клон соответствовал второмуформа: 

   $(function(){
        var removeLink = ' <a class="remove" href="#" onclick="jQuery(this).parent().slideUp(function(){ jQuery(this).remove() }); return false">remove</a>';
        jQuery('a.add').relCopy({ append: removeLink});    
    });

но я хочу, чтобы это было, как я могу назвать это, динамическим?Как и руководство по 9lessons, я могу использовать PHP для создания уникальных идентификаторов для элементов-клонов и хочу, чтобы jQuery совпадал с идентификаторами,

Надеюсь, я дал это понять.

Помощь оценена.

1 Ответ

0 голосов
/ 20 января 2012

U можете попробовать, это работает для нескольких форм

http://jsfiddle.net/yBdTA/2/

(function($) {

    function remove(){
    $('.clone').each(function(i){
           var input= $(this);
            input.find('a.remove').click(function(){
              input.remove();
           });
         });
    }

    $('form').each(function(i){
          var form = $(this);
          var removeLink = '<a class="remove" href="#">remove</a>';
          var iputclone = form.find('p.clone').append(removeLink);

          form.find('a.add').click(function(){
              iputclone.clone().insertBefore(this);
              remove();
          });
        });


})(jQuery);

Обновление: 

iputclone.clone().insertBefore(this).find('.input').attr('value','');

//So easy, U can think a object when we start will is ifself, use it next, and next
...