我有以下按钮:
<button class="kv_styleclass_0 btn btn-outline-success btn-lg"
data-bs-toggle="modal"
data-bs-target="formModal"
type="button">
Стать участником
</button>
触发以下模式对话框:
<div class="modal fade"
aria-labelledby="formModal_label"
aria-hidden="true"
id="formModal"
tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"
id="formModal_label">
Анкета участника
</h5>
<button class="btn btn-secondary btn-primary"
data-bs-dismiss="modal"
type="button">
Закрыть
</button>
</div>
<div class="modal-body">
<iframe src="..."
name="..."
style="height: 407px;"
width="650"
frameborder="0">
</iframe>
</div>
</div>
</div>
</div>
当我单击该按钮时,出现以下错误:
Uncaught TypeError: this._config is undefined
_initializeBackDrop bootstrap.esm.js:2916
...
使用NPM获得Bootstrap。使用Bootstrap v5.2.3。
我试图通过在代码的不同位置包含<script>
标记来获得Bootstrap JS。
1条答案
按热度按时间ni65a41a1#
在button标记中,必须删除此属性:data-bs-toggle=“modal”,然后运行您的应用程序;它将解决问题。