gpt4 book ai didi

javascript - Bootstrap : Handle multiple modal dialogs

转载 作者:行者123 更新时间:2023-11-28 04:32:55 26 4
gpt4 key购买 nike

<分区>

我想在 Twitter Bootstrap 中处理两个不同的模式对话框。

所以我的想法是,我只是复制模态对话框 HTML 并使用 data-toggle="modal2" 创建一个新按钮 (BTN2)。单击新按钮 (BTN2),应该会显示第二个模态对话框,而不是第一个。

我尝试点击 BTN2,但没有出现任何对话框。然而,在现有按钮 (BTN1) 上,两个对话框都会显示。

这是当前的模态对话框。是的,它基于 bootstrap.com 提供的示例,因此是 bs-example-modal-lg 类。

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="PodcastModal" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<ul class="nav nav-tabs" role="tablist" id="list"></ul>
</div>
<div class="modal-body">
<div id="items"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Done!</button>
</div>
</div>
</div>
</div>

这是调用模态对话框的按钮。

<div class="btn-group">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">
<span class="glyphicon glyphicon-plus"></span> <span class="hidden-xs">Add</span>List</button>
</div>

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com