.modal（ 'show'）とshown.bs.modalの違いは何ですか？

Question

Javascriptを使用してモーダルを呼び出す場合、いつ$('#myModal').on('show.bs.modal', function())を使用し、$('#myModal').modal('show')を使用するのですか？ Bootstrap 3 documentationに基づいて

Answer 1

：

.modal('show') 

は手動でモーダルを開きます。実際にモーダルが表示される前（つまり、shown.bs.modalイベントが発生する前）に呼び出し元に戻ります。

---

HTML5がそのセマンティクスをどのように定義するかによって、自動フォーカスHTML属性はブートストラップモーダルに影響しません。同じ効果を得るには、カスタムJavaScriptを使用してください。

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

このイベントは、show instanceメソッドが呼び出されるとすぐに発生します。クリックによって発生した場合、クリックされた要素はイベントのrelatedTargetプロパティとして使用できます。