Всплывающее окно не отображается magnific-popup

129
04 декабря 2019, 03:10

Есть несколько товаров с кнопкой заказать, при нажатии ничего не происходит, и ещё вопрос как можно передать название именно того товара на который кликнули в значение скрытого инпута?

<div class="catalog__item">

<div class="img-catalog-block-item" style="background: url(img/red.jpg) center no-repeat; background-size: cover;">
                             <div class="sale"><span>-50%</span></div>
                        </div>
                        <p style="text-align: center; margin-top: 20px">Товаров осталось: 9</p>
                        <div class="product-info clearfix">
                            <h5 id="prod">Товар 1 </h5>
                            <h4>399<span>800</span></h4>
<div class="catalog__item">
                        <div class="img-catalog-block-item" style="background: url(img/red.jpg) center no-repeat; background-size: cover;">
                             <div class="sale"><span>-50%</span></div>
                        </div>
                        <p style="text-align: center; margin-top: 20px">Товаров осталось: 9</p>
                        <div class="product-info clearfix">
                            <h5 id="prod">Товар 2 </h5>
                            <h4>399<span>800</span></h4>

И сама форма для заказа

<div class="hidden">
            <form id="modal_form">
                <input type="hidden" name="product" value="">
                <input type="text" name="name" placeholder="Введите Ваше имя" required><br>
                <input type="phone" name="phone" placeholder="Введите Ваш номер" required><br>
                <button>отправить</button>
            </form>
    </div>

Стили формы:

.hidden
{
    display: none;
    background: black;
    color: white;
}

Код js

$(".popup").magnificPopup();

подключил magnificPopup и JQ

    <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
READ ALSO
Параметры функции по умолчанию

Параметры функции по умолчанию

В стандарте ES-2015 появилась возможность задавать параметры функции по умолчанию, выглядит это так:

117
Отправка определенного div

Отправка определенного div

Есть форма - обычнаяКроме "общих" полей в ней "на лету" генерируются div'ы с вложенными input'ами

107
Как в sql запросе с GROUP BY вычесть разность дат?

Как в sql запросе с GROUP BY вычесть разность дат?

Такая проблема: Есть таблица id(int),user_id(int),data(timestamp)

141
Ошибка при установке MySQL 5.7 Server на этапе Writing configuration file

Ошибка при установке MySQL 5.7 Server на этапе Writing configuration file

Нашёл решение такой же проблемы, но там причина была в том, что не создавалась папка MySQL Server 57 в папке MySQL, но у меня такой ошибки не возникло

169