如何通过数据API创建模式上的事件？

Question

所以我有一个（动态）添加到我的页面的模态，如下所示：

<a type="button" class="btn btn-info btn-block modal-button in" data-target="#modal-3" href="/api/some-params" aria-hidden="false">Activate Modal</a>

由于这是从remote加载的，所以我想听遥控器并在远程加载后进行一些事件初始化。但是，我似乎无法将事件绑定到它。以下是我尝试这样做的方法。

$('.modal-button').last().on('loaded.bs.modal'), function(e){
    console.log('loaded!');
});

但事件似乎从来没有发生过。我可以不混合使用data-api和javascript初始化Bootstrap UI元素的方式吗？

Answer 1

好的，回答了我自己的问题。它与数据属性如何初始化元素无关.... data-target中指定的元素触发事件，而不是data-toggle属性的div。

...所以

target = $('.modal-button').last().data('target') // this returns a string
$(target).on('loaded.bs.model', function(e){
    // do stuff
});

作品