javascript - 单击 Bootstrap 模式 anchor 时添加 URL 哈希

Question

我有一个用于打开模式的 anchor :

<a href="#delete-{{ $id }}" class="btn btn-danger btn-xs btn-delete btn-fla details" data-toggle="modal" data-target="#remove_property_modal">
    <i class="fa fa-trash"></i>
</a>

问题是 url 没有从 http://example.com 更改为 http://example.com/#delete-4。

Answer 1

在 bootstrap 模态 (docs) 的 show.bs.modal 事件上更改 url 哈希

$(document).ready(function () {
     $('.modal').on('show.bs.modal', function (e) {
         if (typeof (e.relatedTarget) != "undefined") {
             window.location.hash = $(e.relatedTarget).attr('href');
         } 
     });
});