ショーモードを手動に切り替えるまで、私のモーダルは正常に動作します。次の単純化された JavaScript コードでモーダルを呼び出します。
var dlg = $('#loginDlg');
dlg.modal({show:false});
if(loggedIn) {
logout();
} else {
dlg.modal('show');
}
私は流星のプラグインとしてブートストラップを使用しているため、bootstrap.js
含まれているのは のみです。
私のマークアップ:
<button type="button" class="btn btn-large span1" id="login" role="button"
data-toggle="modal" data-target="#loginDlg">
<i class="icon-off pull-right"></i>
</button>
<div class="modal hide fade" id="loginDlg" tabindex="-1"
role="dialog" aria-labelledby="loginDlgLabel" aria-hidden="true">
---
</div>
多分私はマークアップを変更する必要がありますか?
編集:
data-target
解決策:ボタン マークアップの属性を削除する必要があります。この属性を使用すると、ブートストラップはモーダルを 2 回切り替えます。