При подгруздке AJAX-ом контент показывается на секунду и исчезает, как решить проблему?

Question

[Дима Самсонов]

есть некий контейнер с сылкой

<a class="link" href="">Work</a>
 <div id="content">
</div>

в этот контейне при загрузке страницы, по AJAX запросу апендит некий контент с "photo.html".

$.ajax({
  url: "photo.html",
  type: "GET",
  cache: false,
  success: function(html){
    $("#content").append(html);
  }
});

и все как бы работает.
но идея была в том что бы сделать еще один AJAX запрос (ПО КЛИКУ на ссылку .link) подгружался совсем другой контент с другого файла "photo2.html" (СВОЕГО РОДА ФИЛЬТР ДЛЯ САЙТА)

$('.link').click(function() {
    $.ajax({
        type: "GET",
  url: "photo2.html",
  cache: false,
  success: function(html){
    $("#content").append(html);
  }
});
}
);

но этот запрос по клику работает только в том случае, если удалить первый запрос и он показывает контент на доли секунды и удаляет его обратно. консоль пустая.
подскажите решение проблемы. Буду очень благодарен за помощь.

Comments

[Дима Самсонов]

Действительно нужно было просто указать href="#", большое спасибо за помощь!

[ThunderCat]

Дима Самсонов, по уму, надо в обработчике первой строчкой добавить e.preventDefault(), ну и в функцию замыкания передать евент: click(function(e) {...

Answer 1

[ThunderCat]

по AJAX запросу апендит некий контент с "photo.html".

, ниже в коде:url: photo2.html",, что говорит о феноменальной внимательности ).
далее(вернее ранее)<a class="link" href="">Work</a> как по вашему будет работать? )) Для тех кто не догадался - грузит контент по евенту, однако долг зовет его перейти по заданнй ссылке, а так как ссылка пустая, по стандарту считает что это линк на текущую страницу, весело топает по указанному адресу.

Answer 2

[Никита Кит]

но идея была в том что бы сделать еще один AJAX запрос подгружался совсем другой контент с другого файла "photo2.html"

Избавь, пожалуйста, вопрос от речевых ошибок и соблюдай пунктуацию - ничего не понятно.

Answer 3

[Griboks]

Во-первых, не известно всё остальное о страницах. Где запросы? Когда они выполняются? Что приходит в ответ?
А так я бы попробовал $("#content").html(html);

Answer 4

[Александр]

Может использовать другой обработчик события - .mouseup() например - вместо .click()