Как сделать переход по ссылке только после второго клика?

Question

[Сергей Гурджиян]

Нужно запретить переход по ссылке при первом клике и разрешить только после второго. Написал код:

$(".categoriesPage .categoryBox .textBox").attr("data-count", "0");
$(".categoriesPage .categoryBox .textBox").on("click", function(){
    $(this).each(function() {
        var clickCount = $(this).attr("data-count");
        clickCount ++;
        if (clickCount == 1) {
            $(this).attr("dataCount", clickCount);
            return false;
        } else {
            return true;
        }
    });
});

Не работает, в чём может быть ошибка?

Answer 1

[Иван Беленков]

А теперь — самый короткий вариант. Просто запрещаем переход при первом клике =)

$(".categoriesPage .categoryBox .textBox").one("click", false);

Comments

[Сергей Соколов]

mrKorg: а как же ваше внезапное пожелание «нужно "обнулять" если второй клик произошёл на другую ссылку»?

Answer 2

[Артур]

$(function () {
		var boxes = $(".categoriesPage .categoryBox .textBox");
		boxes.data("count", 0);
		boxes.on("click", function (event) {
			if (!+$(this).data("count")) {
				$(this).data("count", 1);
				event.preventDefault();
				return false;
			}
		});
	});

Answer 3

[Сергей Соколов]

Cохраняйте кликнутую ссылку. Если кликают впервые, её ещё нет среди сохранённых:

var used=[];
function checkIt(e){
    if( !~used.indexOf( this)) used.push( this), e.preventDefault();
}
$('.notsofast').on('click',checkIt);

Fiddle

ТС уточнил, что при клике по другим ссылкам, нужно «обнулять» посчитанные ранее. Тогда проще – надо запоминать только один элемент, кликнутый ранее:

var used;
$(".categoriesPage .categoryBox .textBox").on("click", function(){
    if( used !== this) used = this, e.preventDefault();
}

Comments

[Сергей Гурджиян]

интересное решение, но нужно "обнулять" если второй клик произошёл на другую ссылку

[Сергей Соколов]

mrKorg: а самостоятельно подумать? Если ссылка не найдена, значит, обнулить остальные клики, и потом запомнить. Массив не нужен тогда – достаточно одной переменной.
И почему бы сразу не написать это «незначительное» уточнение в вопросе, кстати?

[Denys]

Сергей Соколов: Здравствуйте, очень нужен код с обнулением при клике по второй ссылке, но почему то Ваш второй у меня не работает... Не могли бы Вы посмотреть где ошибка?

[Сергей Соколов]

Denys: сделайте fiddle

[Denys]

Сергей Соколов: https://jsfiddle.net/dmyasnykov/ootbes5b/

[Сергей Соколов]

Denys: мутный фиддл, с ошибками. Вот простой пример, где код работает.

[Denys]

Сергей Соколов: спасибо, очень помогли!

Answer 4

[Dark Hole]

Пара минут и все окей! Кликните для просмотра гото...
И да, есть очень хорошее событие: dblclick

Comments

[Даниил Игоревич]

dblclick, если не ошибаюсь, срабатывает при двух быстрых кликах на элемент. Если, например, нажать элемент, затем подождать -- обработчик не сработает.

[Dark Hole]

Даниил Ораин: мне почему-то пришло в голову, что вы имеете ввиду даблклик

[Даниил Игоревич]

Dark Hole: да, я имел ввиду dblclick и уточнил, что не во всех случаях при двойном клике это событие подходит(читать выше)

[Dark Hole]

Даниил Ораин: нет. Даблклик - именно быстрый двойной клик. Тем паче, что время ожидания dblclick зависит от настроек системы(в любом случае в винде)

[Dark Hole]

Даниил Ораин: то, что вы описываете, это не даблклик. И вообще, зачем нужно ждать?

Answer 5

[holfza]

Что у вас делает цикл? Почему атрибуты в 2х местах по разному называются?
https://jsfiddle.net/nh6bh4v5/

Answer 6

[Евгений]

$(function(){
    $(document).on('click', 'a', function(e) {
        var count = $(this).data('count');
        if(!count) {
            $(this).data('count', 1);
            e.preventDefault();
        }
    });
});