доброго времени суток.
на странице имеется такая структура:
<div id="view">
<button id="buy1click">
<button id="toCart">
</div>
view
- отвечает за "быстрый просмотр" элемента
buy1click
- отвечает за "покупку в 1 клик"
toCart
- отвечает за добавление в корзину
на view
, buy1click
висят модальные окна (от bootstrap+ajax), на toCart
только ajax запрос.
проблема в том что при клике на buy1click
вызывается 2 модальных окна - контейнера и кнопки.
я пробовал решить проблему через e.stopPropagation()
в buy1click
и toCart
- проблема решилась только с toCart
, т.е. мой ajax выполняется, модальное окно от view
не вызывается. с buy1click
это не работает (работает мой ajax, но модальное окно bootstrap не вызывается никакое)
так же пробовал определять по чему мы кликаем через e.target
(проверка в обработчике view
, если клик не по нему - код не выполнять) - получаю невыполнение своего обработчика с вызовом модального окна (открываются окна и для view
, и для buy1click
, но для view
окно пустое т.к. мой обработчик не выполнился).
предполагаю что это из за того что обработчик модальных окон определен в другом месте и вызывается где то на уровнях ниже, но т.к. это плагин, то не совсем удобно менять js этого плагина (да и правильно ли решать подобного рода проблему так?).
вопрос: можно ли решить эту проблему не изменяя кода плагина, если да, то как? и если нет, то как?
песочница: https://jsfiddle.net/hu9j80ym/
$(this.dataset.target).modal({show: true}); e.stopPropagation();