Форум

kapustnik · #1 (**permalink**) 26.07.2013, 01:11

$(document).ready(function(){
	$('.add').click(function(){
		var num = parseInt($('.counter').val())+1;
		if(num < 5) {
		$('.counter').val(num);
		$('<div class="dynamic_'+num+'"><input type="input" name="dynamic_input_'+num+'" value="" />&nbsp;<a href="#" rel="'+num+'" class="dynamic_remove">-</a></div>').appendTo('.overflow_dynamic');
		}
		
		else {
		alert(num);
		}
		
		return false;
	});
$('.dynamic_remove').live('click',function(){
	var num = $(this).attr('rel');
	$('.dynamic_'+num).remove();
	var num = num - 1;
	return false;
});

});

почему не вычитается счетчик NUM ?

рони · #2 (**permalink**) 26.07.2013, 01:28

kapustnik,
нтмл сами должны придумать для вашего кода?
а пока строка 18 бесполезна -- данные в этой строке нигде больше неиспользуются, да live устарело.

kapustnik · #3 (**permalink**) 26.07.2013, 01:41

<div class="overflow_dynamic">
		<input name="counter" class="counter" value="1" type="hidden" />
		<div class="dynamic_1">
		</div>
</div>

kapustnik · #4 (**permalink**) 26.07.2013, 01:47

Цитата:

а пока строка 18 бесполезна -- данные в этой строке нигде больше неиспользуются, да live устарело.

Я пытаюсь при удалении удалить - 1 от счетчика .

Оно не удаляется, счетчик остается прежним

рони · #5 (**permalink**) 26.07.2013, 01:48

kapustnik,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
 <meta charset="utf-8">
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script>
$(document).ready(function(){
	$('.add').click(function(){
		var num = parseInt($('.counter').val())+1;
		if(num < 5) {
		$('.counter').val(num);
		$('<div class="dynamic_'+num+'"><input type="input" name="dynamic_input_'+num+'" value="" />&nbsp;<a href="#" rel="'+num+'" class="dynamic_remove">-</a></div>').appendTo('.overflow_dynamic');
		}

		else {
		alert(num);
		}

		return false;
	});
$('div').on('click','.dynamic_remove',function(){
	var num = $(this).attr('rel');
	$('.dynamic_'+num).remove();
	num = parseInt($('.counter').val())-1
    $('.counter').val(num)
    return false;
});

});

</script>
</head>

<body>
<div class="overflow_dynamic">
		<input name="counter" class="counter" value="0"  />

</div>
<input name="" class="add" type="button" value="add">
</body>

</html>

kapustnik · #6 (**permalink**) 26.07.2013, 01:52

Спасибо тебе , человечище

Форум

Справочник

Discord чат

Курсы javascript