Question

这是对此Understanding how data-dismiss attribute works in Bootstrap的后续问题。

我们在布局页面中使用这样的代码完全相同的实现：

＆＃13;

<!-- about modal -->
    <div id="modal-about" class="modal fade" ng-controller="aboutController">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" 
                            data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">@Labels.aboutTitle</h4>
                </div>

＆＃13;

如果在打开表单然后关闭表单时打开了其他页面，一切正常。但是，如果我只是启动我的应用程序并转到“关于”菜单并打开它并关闭我关闭它后仍然在URL中的模态。问题是 - 如何连接到数据关闭=＆＃34;模态＆＃34;从URL中删除它？

Answer 1

您需要使用hidden.bs.modal事件并在那里更新网址：

$('#modal-about').on('hidden.bs.modal', function () {
    window.location.hash = '';
});

https://getbootstrap.com/docs/4.1/components/modal/

https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/hash

如何从url中删除＃/ modal-about

1 个答案: