0

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

<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>
9
  • 1
    А сам JQ подключил?
    – Air
    17 мар 2019 в 9:22
  • Да, извините забыл добавить
    – Oleksandr
    17 мар 2019 в 9:23
  • 1
    Какая ошибка в консоли? Предполагаю, что Magnific работает с помощью JQ, поэтому JQ нужно подключить до Magnific.
    – mix
    17 мар 2019 в 9:40
  • 1
    Магнифик, видимо, грузит свои стили, поэтому форма прилипла в одном месте. К сожалению, могу только догадываться о причинах такого поведения, поскольку не вижу вашу форму.
    – mix
    17 мар 2019 в 10:05
  • 1
    Попробуйте для теста, жестко задать css свойства с помощью !important, если удастся добиться реакции, то я был прав в пред комменте.
    – mix
    17 мар 2019 в 10:08

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.