Как повесить два обработчика клика на один элемент, без конфликтов?

Question

[Алексей Скляров]

Набросал скрипт: https://jsfiddle.net/wp2euLwb/4/
Есть набор кружков, которые являются местами, мы выбираем место, соседние сразу же бронируются тоже (помечается красным).

Вопрос в чем: все это дело работает только на добавление класса, соответственно только на ВЫБОР МЕСТА, у меня же стоит задача иметь возможность отменить место (если кликнули по серому кружку, просто делаем его доступным для выбора.

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

Как грамотно это реализовать?

Answer 1

[Алексей Уколов]

Как грамотно это реализовать?

Обработчика достаточно и одного - вам внутри нужно определять тип кружка, по которому кликнули, и исходя из типа запускать ту или иную логику.

Answer 2

[V Sh.]

Пишите один обработчик нажатия, который делает следующее:
- если у нажимаемого элемента (event.target) стоит класс "красный", то ничего не делаем;
- если у нажимаемого элемента нет класса, то помечаем соседние элементы "красными";
- если у нажимаемого элемента стоит класс "серый", то снимаем класс "серый" с этого элемента и снимаем класс "красный" с соседних элементов".

Еще вопрос: а как брать места рядом, если они автоматом убираются?

Comments

[Алексей Скляров]

они не убираются, а бронируются под человека, который кликает.

Идея примерно такая: человек в один клик резервирует под себя место (заносится в бд), так же в бд заносятся два соседних места с ним с другой пометкой. Это делается для того, чтобы, если человек будет брать несколько мест сразу, другие в момент пока человек выбирает, не могли купить его же место. Вот и все.

[V Sh.]

Алексей Скляров: ну это все равно не избавит от возможных коллизий. Если два человека одновременно нажмут на соседние места? А если на одно и то же место? А что будет, если человек зашел в выбор мест, немного подождал, а другие люди в этот момент уже купили места которые тот собирался покупать?

[Алексей Скляров]

V Sh.: если человек жмёт на место, сразу происходит аякс запрос и выполняется проверка, куплено это место или нет, если да, то человеку показывается ошибка и сообщение о том, что место занято,после чего обновляется вся информация по местам