Jquery клик срабатывает не с первого раза / Серверный JavaScript (Node.js, Ringo, Nitro, Sling)

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / Серверный JavaScript (Node.js, Ringo, Nitro, Sling) [игнор отключен] [закрыт для гостей] / Jquery клик срабатывает не с первого раза

2 сообщений из 2, страница 1 из 1

Jquery клик срабатывает не с первого раза

#39817844

angrybot

Участник

Откуда: Москва

Сообщения: 146

Рейтинг: 0 / 0

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

 $(".arrow_button").click(function(){
        if (!$(this).data('status')) {
  	$(this).html('В корзине');
    $(this).data('status', true);
    $(this).addClass("btn-disabled");
  }
  else {
  //	$(this).html('Купить');
   // $(this).data('status', false);
  // alert('товар уже в корзине');
  }
    });

Когда кликаю, сначала идет alert, потом ничего непроисходит, а после второго клика уже пишет "в корзине"

в чем косяк подскажите?

...

Рейтинг:

0 / 0

24.05.2019, 15:31

| Ответить | Цитировать | Написать

Период между сообщениями больше года.

Jquery клик срабатывает не с первого раза

#39972788

AndrewInc

Гость

angrybot,

Странно, что идёт alert - он закоментарен :)
Я бы предложил такой вариант:

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.

const check=function(){
    const status = $(this).data('status');
    if (status) {
        $(this).html('В корзине');
        $(this).addClass("btn-disabled");
    } else {
        $(this).html('Купить');
        $(this).removeClass("btn-disabled");
    }
    return status;
}

$(".arrow_button").each(check).click(function(){
    if ($(this).data('status')) {
        alert('товар уже в корзине');
    } else { //не куплен
        alert('Покупаем этот товар');
        $(this).data('status', true);
        check.call(this);
    }
    return false;
});

Писал вслепую, будет странно если заработает с первого раза :) Но, надеюсь идея понятна.
1. для всех кнопок проверить куплен/не куплен товар на основе data('status')
2. при клике проверять data('status').
2.1. Если статус как-либо установлен, то писать что товар уже куплен.
2.2. Если нет - написать что в данный момент покупаем этот товар; установить ему статус в true и обновить надписи на кнопке.

Не следует забывать, что <button> может сабмитить форму если в ней находится, потмоу лучше вернуть false в конце обработчика клика по нему.

...

Рейтинг:

0 / 0

24.06.2020, 15:44

| Ответить | Цитировать | Написать

2 сообщений из 2, страница 1 из 1

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=24&msg=39817844&tid=1480778]:	0ms
get settings:	11ms
get forum list:	15ms
check forum access:	4ms
check topic access:	4ms
track hit:	32ms
get topic data:	12ms
get forum data:	3ms
get page messages:	40ms
get tp. blocked users:	1ms
others:	282ms

total:	404ms