Показать сообщение отдельно
  #1 (permalink)  
Старый 03.05.2015, 19:39
Аватар для apolon13
Интересующийся
Отправить личное сообщение для apolon13 Посмотреть профиль Найти все сообщения от apolon13
 
Регистрация: 24.04.2015
Сообщений: 28

Запрет на дублирование .append
Вечер добрый

есть ajax запрос,где в success прописано вставлять содержимое методом
.append.

Так вот задача состоит в том что нужно запретить дублирование .append при нажатии на одну и туже ссылку более одного раза.

вот код
$(document).ready(function(){
  
  
  $('.container:not(:first)').hide();
  
  $('.container,#container').on('click','a',function(e) {
        e.preventDefault();	
        $.ajax({
            type: "POST",
            url: "ajax.php",
			data:"id="+this.href.split('/').pop(),
            success: function(data) {  
                $('#container').hide().append("<div style='clear: both;' class='container'>"+data+"</div>").fadeIn(200);
				}
			});
        
    });
  
	
});


Html

<div class="container"><ul>
	<li><a href="id1">Товары для отдыха</a></li>
	<li><a href="id2">Товары для дома</a></li>
	<li><a href="id3">Специальные ножи</a></li>
	<li><a href="id4">Детские санки</a></li>
	</ul>
	</div><div style="clear: both;"></div>
	<div id="container"></div>


Буду рад помощи в решении данного вопроса.

ссылка на пример http://r5409416.bget.ru/
Ответить с цитированием