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>

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

Answer 1

更改 Bootstrap 模式的 show.bs.modal 事件上的 url 哈希 ( docs )

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