Вечер добрый
есть 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/