Показать сообщение отдельно
  #1 (permalink)  
Старый 03.09.2013, 08:45
Аспирант
Отправить личное сообщение для nikolaymac Посмотреть профиль Найти все сообщения от nikolaymac
 
Регистрация: 26.06.2013
Сообщений: 33

динамическое добавление и редактирование полей Jquery
Приветствую всех! Помогите советом примером или инфой не могу разобраться в след коде

<body>
<div id="main">
<p><button id="add">Добавить строчку</button></p>
	<div id="strSchet">
		<p id="first">Сумма, р.</p>
		<div id="counts">
		</div>
	</div>
</div>
</body>

$(document).ready(function() {
	$('#add').click(function(){
		$('#counts').prepend('<p><input type="text" id="edit" /><button id="save">Сохранить</button></p>');
		$('#edit').focus();
		$('#save').click(function()	{
			var val = $('#edit').val();	
			$('#edit').parent().empty().html(val);
			});
	});
	
		$('#counts').on('click','p', function(e){
		var t = e.target || e.srcElement;
		
		var elm_name = t.tagName.toLowerCase();
		if(elm_name == 'input' )	{return false;}

		var val=$(this).html();
		var code = '<input type="text" id="edit" value="'+val+'" /><button id="save">Сохранить</button>';
		$(this).empty().append(code);

		$('#edit').focus();
			$('#save').click(function()	{	
				var val = $('#edit').val();	
				$('#edit').parent().empty().html(val);
			});
			
		});
});


Проблема вот в чем! Поле добавляется все хорошо ввожу значение жму сохранить все ок! Но когда я начинаю редактировать поле обработчик отслеживает нажатие на P и соответственно при нажатии на тот же самый p который редактируется вылазят глюки. Как сделать так что бы не реагировал на нажатие активного p??
Ответить с цитированием