ユーザーが私のアプリで対応するボタンをクリックしたときに、いくつかのポップアップウィンドウを起動したいと思います。私が使う
$('#modal').on('show', function () {
$.ajax({ ... });
});
そしてajaxを使用して、モーダルヘッダー、モーダルボディ、モーダルフッターに挿入したいmysqlからのjsonコンテンツを要求します。これは、ボタンの選択が行われたときに更新して表示したいWebページで一般的に使用するhtmlです。
<div class="modal hide fade" id="modal">
<div class="modal-header"></div>
<div class="modal-body"></div>
<div class="modal-footer"></div>
</div>
問題は、モーダルが空に見えるか、以前に配信されたコンテンツを表示し、1秒ほど後にajaxが更新されたグッズなどをもたらすことです。そのため、コンテンツの更新はユーザーの目の前で悲しいことに実行されます。モーダルAPIは、「表示」よりも優れたオプションを提供しないため、モーダルは、コンテンツ全体がajaxによって提供され、エンドユーザーの画面に配信される準備ができている場合にのみ表示できます。