javascript - ページ読み込み時に Twitter-bootstrap Modal が表示されない (灰色の画面)

Question

特定のビューのページ読み込み時に twitter-bootstrap モーダル ダイアログ ボックスを表示しようとしています。私はコードを使用してこれを行っています：

<script>
$(window).load(function(){
        $('#shareModal').modal('show');
    });
</script>

<div class="modal hide fade" id="shareModal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…&lt;/p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>

ページの読み込み時に、モーダルがポップアップする代わりに、画面が「グレー表示」(フェード) し、何も表示されません。何が起こっているのか誰にも分かりますか？ありがとうございました。