/ / Фондация [6.4.3] & jQuery [3.2.1] Разкриване на модал не работи - jquery, modal-dialog, zurb-foundation, zurb-foundation-6

Фондация [6.4.3] & jQuery [3.2.1] Откриване на модал не работи - jquery, modal-dialog, zurb-foundation, zurb-foundation-6

Модалният фонд на Фондацията не работи за мен в моя проект.

Аз потвърдих, че Фондацията и jQuery се зареждат, както и CSS за Фондацията Modal да работи, но тя не се задейства на клик, както е.

Интересното е, че ако тичате

$(document).ready(function(){
var popup = new Foundation.Reveal($("#videoModal"));
popup.open();
});

В конзолата на браузъра се появява модалът. Така че, аз се чувствам уверени, че js и css са на разположение.

Просто не мога да разреша причината, поради която събитието с щракване на котвата не го изстрелва както трябва. Следвах съветите на тази страница: https://foundation.zurb.com/sites/docs/reveal.html

Моят тестов код:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Testing Modal from Foundation</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/dist/styles/app.css">
</head>
<body>
<div style="margin-top: 200px;" class="video-callout">
<a data-open="videoModal">
<h6>Watch the video</h6>
</a>
</div>

<div class="reveal" id="videoModal" data-reveal>
<h1>Hey!</h1>
</div>

<script src="/assets/dist/scripts/vendor/jquery.min.js"></script>
<script src="/assets/dist/scripts/vendor/foundation.min.js"></script>
</body>
</html>

Отговори:

0 за отговор № 1
$(document).foundation();

Изпуснат е от документа и това изглежда е основният виновник.