Как задать две переключающиеся функции для кнопки в jQuery?

Question

[Error 502]

Суть такая: при нажатии на кнопку один раз должна выполняться одна функция, при нажатии второй раз - другая. Метод toggle в текущей версии не работает.

$(".add-cart .non-wished").click(function (event) {
		event.preventDefault();
		var prodid = $(this).data(prodid)['prodid'];
		$.post(
			"/wishlist/",
			{id: prodid, action: "add"},
			function(resp) {
				//блаблабла
				$(".add-cart a i").removeClass("far").addClass("fas");
				$(".add-cart a").removeClass("non-wished").addClass("wished");
			}
		);
	});

	$(".add-cart .wished").click(function (event) {
		event.preventDefault();
		var prodid = $(this).data(prodid);
		$.post(
			"/wishlist/",
			{id: prodid, action: "rm"},
			function(resp) {
				//блоблобло
				$(".add-cart a i").removeClass("fas").addClass("far");
				$(".add-cart a").removeClass("wished").addClass("non-wished");
			}
		);
	});

Answer 1

[mahmudchon]

.hasClass() - https://api.jquery.com/hasClass/
Проверяйте наличие класса перед обработкой.
Или же просто после каждого клика записывайте какое-то значение в, например, переменную и меняйте. Перед обработкой - сравнивайте.

Comments

[Nikolay S.]

$(".add-cart").on('click', 'a', function (e) {
    e.preventDefault();

    if ($(this).hasClass('non-wished')) {
        var prodid = $(this).data(prodid)['prodid'];
        $.post(
            "/wishlist/", {
                id: prodid,
                action: "add"
            },
            function (resp) {
                //блаблабла
                $(".add-cart a i").removeClass("far").addClass("fas");
                $(".add-cart a").removeClass("non-wished").addClass("wished");
            }
        );
    } else {
        var prodid = $(this).data(prodid);
        $.post(
            "/wishlist/", {
                id: prodid,
                action: "rm"
            },
            function (resp) {
                //блоблобло
                $(".add-cart a i").removeClass("fas").addClass("far");
                $(".add-cart a").removeClass("wished").addClass("non-wished");
            }
        );
    }
});

Пока писал ответили)) Вроде как то так...