在iframe中的子页面中触发bootstrap中的模态框事件没

问题：在父级页面中的iframe能正常调用bootstrap中的模态框事件，但在子页面中调用就不显示
官方文档中的触发事件写法https://v3.bootcss.com/javascript/#modals

$('#myModal').on('shown.bs.modal', function () {
  $('#myInput').focus()
})

一直以为是iframe标签的影响，导致模态框无法弹出，
之后换了一种写法就可以了，

$('#myModal').modal('show');

官方解释：

原来文档没看完，够可以的，佩服自己！想给自己一巴掌