Bootstrap Модал не "показывает" на странице - PullRequest
Новая
       23

Bootstrap Модал не "показывает" на странице

0 голосов
/ 27 мая 2019

Я разрабатываю приложение с Bootstrap and Symfony, используя Encore для javascript webpack.
Каждый модал, который я пытаюсь создать (все работают в идеальном порядке перед выходными), еще должен открыться правильно. При каждом нажатии модального триггера открывается фон, модальный остается скрытым, и я застреваю, обновляя страницу.

Я пытался обновить веб-пакет, обновить все пакеты, очистить кеш браузера, операторы console.log даже не отображаются в моем браузере из моего SharedEntry. Я пытался все, что я могу Даже копирование и вставка документации из Bootstrap дает тот же самый точный результат.

ТОЛЬКО два импортированных файла Javascript

// файл: / runtime.js

// файл: / layout.js

import 'bootstrap/dist/js/bootstrap';
import 'bootstrap-input-spinner';
import UrlHandler from '../js/Components/UrlHandler';

import 'core-js/library/es6/promise';
import '../css/_global.scss';
console.log('NOT WORKING');//This does not even print to the console even though

MACROS Я ИСПОЛЬЗУЮ, ЧТОБЫ СОЗДАТЬ МОДАЛИ 

{% macro MO(id, sz, mc) %}
<div class="modal fade" id="{{ id }}" tabindex="-1" role="dialog">
<div class="modal-dialog{{ sz ? ' modal-'~sz : ' modal-lg' }}">
<div class="modal-content{{ mc ? ' '~mc }}">
    <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div>
</div>
</div>
</div>
{% endmacro %}

{% macro MODALB(c, html, id, title, isAnchor) %}
{% if isAnchor == true %} <a role="button" class="{{ c|primary }}" data-toggle="modal" href="#{{ id }}" data-html="{{ html }}">{{ title|raw }}</a>
{% else %} <button type="button" class="{{ c|primary('btn btn-primary') }}" data-toggle="modal" data-target="#{{ id }}" data-html="{{ html }}">{{ title|raw }}</button>
{% endif %}
{% endmacro %}

Я ожидаю, что ручное предоставление div.modal HTML класса .show просто обойдет это, но даже это не работает вообще.

...