Почему не всплывает модальное окно на Bootstrap?

Question

[Влад]

пациент: https://karedesign.ee/ru/product/floor-lamp-megaphon
Если нажать "Добавить в корзину", то всплывает модальное окно.
Если после кликнуть по фону или нажать на крестик, то модальное окно закрывается.
После этого если снова нажать "Добавить в корзину", то модальное окно уже не всплывает.

Почему? Как исправить?
Написано на bootstrap.

$('.modal-backdrop').on('click', function(e) {
             $('#exampleModal').modal('hide');
             $('#exampleModal').hide();
             $('.modal-backdrop').hide();
        });

Answer 1

[Павел]

Потому что надо привязать id продута, что то вроде:

$('.modal-backdrop').on('click', function(e) {
             $('#exampleModal<?php echo $product_id ?>').modal('hide');
             $('#exampleModal<?php echo $product_id ?>').hide();
             $('.modal-backdrop').hide();
        });

Comments

[Влад]

посмотрите - сделал, не помогло. Более того, даже при клике по фону перестало закрывать модальное окно.

Answer 2

[ivanvia]

У вас два одинаковых элемента. С одинаковыми id (Строки 873 и 1046). Возможно, из-за этого проблема. Не должно быть одинаковых id

<div id='cart-window-bg'>
   <div id='cart-window'></div>
 </div>