@lesmanora

Как подружить два скрипта?

Есть два скрипта, которые позволяют выводить новые формы при нажатии кнопки добавить, из них работает только тот, чей код в скрипте стоит первый. Как их подружить, что бы работали одновременно?

<div class="form-group">																							
<label class="stylelabel" >Магазины</label>

<div id="objectss" >

<div id="addimage" class="addimage">
<input class="form-control" type="text" size="50" name="tovar[]" placeholder="Магазин" />
<input class="form-control" type="text" size="50" name="many[]" placeholder="Ссылка на книгу" />

<br>
</div>

</div>	</div>
<p id="add-inputs" style="margin-bottom: 50px;" >Добавить</p>					
								
								
								
<div class="form-group">																							
<label class="stylelabel" >Магазины</label>

<div id="objects" >

<div id="addimage" class="addimage">
<input class="form-control" type="text" size="50" name="tovar[]" placeholder="Магазин" />
<input class="form-control" type="text" size="50" name="many[]" placeholder="Ссылка на книгу" />

<br>
</div>

</div>	</div>
<p id="add-input" style="margin-bottom: 50px;" >Добавить</p>


var count_inputs = 1;

  $("#add-inputs").click(function(){
    
  count_inputs++;  
  
  $('<div id="addimage'+count_inputs+'" class="addimage"><input class="form-control" type="text" size="50" name="tovar[]" placeholder="Название магазина" /><input class="form-control" type="text" size="50" name="many[]" placeholder="Ссылка на книгу" /><br><a class="delete-inputs" rel="'+count_inputs+'" ></a></div>').fadeIn(300).appendTo('#objectss'); 
   
  }); 

 $('.delete-inputs').live('click',function(){
    
	var rel = $(this).attr("rel");
  
	$("#addimage"+rel).fadeOut(300,function(){	   
    $("#addimage"+rel).remove();      
	});

});



  var count_input = 1;

  $("#add-input").click(function(){
    
  count_input++;  
  
  $('<div id="addimage'+count_input+'" class="addimage"><input class="form-control" type="text" size="50" name="tovar[]" placeholder="Название магазина" /><input class="form-control" type="text" size="50" name="many[]" placeholder="Ссылка на книгу" /><br><a class="delete-input" rel="'+count_input+'" ></a></div>').fadeIn(300).appendTo('#objects'); 
   
  }); 

 $('.delete-input').live('click',function(){
    
	var rel = $(this).attr("rel");
  
	$("#addimage"+rel).fadeOut(300,function(){	   
    $("#addimage"+rel).remove();      
	});

});
  • Вопрос задан
  • 103 просмотра
Решения вопроса 1
@lesmanora Автор вопроса
Решено - $("#add-input").off().on('click', function()....
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы