Question

我正在使用Bootstrap and Symfony为JavaScript Encore使用webpack开发一个应用。
我尝试创建的每个模态（都在周末之前以完美的顺序运行）才能正确打开。每次单击Modal触发器时，背景幕都会打开，Modal保持隐藏状态，并且我无法刷新页面。

我尝试过，刷新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

我用来创建模态的宏

{% 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类会绕过它，但即使这样也根本不起作用。

Bootstrap Modal没有在页面上“显示”

0 个答案: