.modal('show')和display.bs.modal有什么区别？

Question

通过Javascript调用模态，什么时候使用$('#myModal').on('show.bs.modal', function())，什么时候使用$('#myModal').modal('show') ?

Answer 1

基于Bootstrap 3文档:

.modal('show')

手动打开一个模式。在模态实际显示之前返回调用者(即在shown.bs.modal事件发生之前)。

---

由于HTML5定义其语义的方式，autofocus HTML属性在Bootstrap模态中没有作用。为了达到同样的效果，使用一些自定义JavaScript:

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

此事件在调用show instance方法时立即触发。如果是由单击引起的，则被单击的元素可作为事件的relatedTarget属性使用。