Как отключить загрузку AJAX контента по клику, когда он уже был загружен?

Question

[Дмитрий Сергеевич]

Есть скрипт навигации, по которому загружается AJAX контент.
Данные для загрузки страницы берутся из кастомного атрибута.

<ul id="navigation-list">
 	<li><a content="about" href="#">About</a></li>
</ul>

$(document).on("click", "ul#navigation-list a", function (e) {

$(this).addClass('active');
$(this).siblings().removeClass('active');

$.ajax({
        type: "POST",
        url: "ajax/"+$(this).attr('content')+".html",
        success: function(html){ ... }
      });
 });

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

Answer 1

[Vladislav Dragalev]

Добавьте проверку имеющегося класса active и если он есть, то return false, иначе пускай отрабатывает код ajax запроса

Comments

[Дмитрий Сергеевич]

Спасибо!

[Vladislav Dragalev]

Дмитрий Сергеевич: Всегда пожалуйста)

Answer 2

[Влад Пасечник]

var pages = [];

$(document).on("click", "ul#navigation-list a", function (e) {
    var content = $(this).attr('content');
    if ($.inArray(content, pages) === -1) {
        pages.push(content);
        $(this).addClass('active');
        $(this).siblings().removeClass('active');

        $.ajax({
            type: "POST",
            url: "ajax/" + content + ".html",
            success: function (html) {
            }
        });
    }
});

Как-то так...

Comments

[Дмитрий Сергеевич]

Спасибо! Это тоже выглядит не плохо!

[Дмитрий Сергеевич]

Пожалуйс, воспользуюсь вашим решением, оно выглядит более профессионально, нежели мой примитивный вариант с иф \ элс

[Влад Пасечник]

Дмитрий Сергеевич: ;) всегда пожалуйста

Answer 3

[JIakki]

$("ul#navigation-list a").one("click", function (e) {

$(this).addClass('active');
$(this).siblings().removeClass('active');

$.ajax({
        type: "POST",
        url: "ajax/"+$(this).attr('content')+".html",
        success: function(html){ ... }
      });
 });

Comments

[Дмитрий Сергеевич]

К сожалению так не работает. Клик срабатывает только раз. После этого другие элементы перестают реагировать раз и на всегда.