javascript - jquery for bootstrap 模式不起作用

Question

我尝试实现当网页上的几个模态之一显示如下时调用一个函数:

$('.modal')
.on('shown.bs.modal',
function (e) {
    var id = $(this).attr('id');
});

但该函数从未被调用。

它的工作原理是这样的:

$(window)
.on('shown.bs.modal',
function (e) {
    var id = $(this).attr('id');
});

但是通过这种方式我无法获取元素的 id。

如何实现定义一个函数，当显示多个模态之一时调用该函数，并且模态的右侧元素作为参数传输，以便我可以确定模态元素的 id？

更新: 我想我找到了问题的原因。我尝试在我的 angularjs Controller 中运行此 jQuery 代码。

更新2: 我尝试在我的 Angular Controller 中运行以下代码，但它从未被调用:

  $document.ready(function () {
            jQuery('.modal')
            .on('shown.bs.modal',
                function (e) {
                    var id = $(this).attr('id');
                    NgMap.getMap("map-" + id)
                        .then(function (map) {
                            google.maps.event.trigger(map, 'resize');
                        });
                });
        });

Answer 1

我认为你应该使用模态的 Id 而不是类

$('#modal-ID') .on('shown.bs.modal', function (e) { var id = $(this).attr('id'); });