У меня есть проблема( Есть карточка товара. При нажатии на картинку (класс card-img) открывается модельное окно. Но когда я добавляю две карточки модельное окно, открывается и сразу же закрывается. Я сделал по другому. Создал php файл в который содержит имя папки. В html так и написал класс с названием папки (include). В js написал так:
var modal_bg_url = "." + papca + "-modal-bg";
var card_img_url = "." + papca + "-card-img";
var modal_btn_skip = "." + papca + "-modal-bask-btn";
var modal_wrap_skip = "." + papca + "-modal-skip";
$(modal_bg_url).hide();
$(card_img_url).click(function () {
$(modal_bg_url).toggle(50);
$(modal_btn_skip).click(function () {
$(modal_bg_url).hide();
});
});
А вот html:
Картинка:
<img src="<?php include ('img.php') ?>" alt="" class="<?php include ('papca-neme.php') ?>-card-img card-img" id="card-img">
И модельное окно:
<!-- MODAL -->
<div class="<?php include ('papca-neme.php') ?>-modal-bg modal-bg">
<div class="modal create">
<div class="modal-not-hide-block">
<a href="#" class="<?php include ('papca-neme.php') ?>-modal-bask-btn modal-bask-btn"><i class="fas fa-times"></i></a>
<img src="<?php include ('img.php') ?>" alt="" id="card-img-modal">
<h3 id="card-name-popab"><?php include ('name.php') ?></h3>
<p id="card-text"><?php include ('content.php') ?></p>
</div>
<div class="modal-hide-block">
<form class="modal-img-form">
<input type="text" placeholder="<?php include ('img.php') ?>" class="modal-img-form-input" autocomplete="off" name="input">
<button type="submit" class="modal-img-form-btn"></button>
</form>
<form class="modal-name-form">
<input type="text" value="<?php include ('name.php') ?>" class="modal-name-form-input" name="input" autocomplete="off">
<button type="submit" class="modal-name-form-btn"></button>
</form>
<form class="modal-prise-form">
<input type="number" name="input" class="modal-prise-form-input" value="<?php include ('prise.php') ?>" pattern="\d*">
<button type="submit" class="modal-prise-form-btn"></button>
</form>
<form class="modal-content-form">
<textarea class="modal-content-form-textarea" autocomplete="off" id="card-text-modal" name="textarea"><?php include ('content.php') ?></textarea>
<button type="submit" class="modal-content-form-btn"></button>
</form>
</div>
</div>
<div class="<?php include ('papca-neme.php') ?>-modal-skip modal-skip"></div>
</div>
Создал две таких карточки во вторую написал другое имя папки, но оно не работает( Проверил в первом файле js какой класс у переменой modal_bg_url, и оказалось что от второй карточки, хотя я проверял js первой. Как исправить? Буду очень благодарен за ответ!!!
