css 引导错误:此._config未定义

f1tvaqid  于 2022-12-15  发布在  其他
关注(0)|答案(1)|浏览(115)

我有以下按钮:

<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。

ni65a41a

ni65a41a1#

<button class="kv_styleclass_0 btn btn-outline-success btn-lg" 
data-bs-target="formModal" 
type="button">
    Стать участником
  </button>

在button标记中,必须删除此属性:data-bs-toggle=“modal”,然后运行您的应用程序;它将解决问题。

相关问题