twitter-bootstrap - Xボタンを押してもBootstrap Modal Fadeが消えない

Question

私はboostrap 2.3を定期的にインストールしており、画面の右上隅にあるXをクリックして閉じる場合を除いて、モーダルは100％正常に動作しますが、フェードは消えません。閉じるか、他の場所をクリックすると、モーダルが正しく閉じます。ヘッダーの X をクリックした場合のみです。ボタンの代わりに画像をリンクとして使用しています。

---

私が使用しているコードは次のとおりです。

                <a href="#myModal" role="button" data-toggle="modal">

                    <!-- Modal -->
                    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×x</button>
                        <h3 id="myModalLabel">Modal header</h3>
                      </div>
                      <div class="modal-body">
                        <p>One fine body…&lt;/p>
                      </div>
                      <div class="modal-footer">
                        <button class="btn btn-primary">Close</button>
                        </div>
                    </div>

                   <div class="sectionisland"><img src="img/courses/personascenario.png"></div></a>

コードはhttp://twitter.github.io/bootstrap/javascript.html#modalsからコピーされ、ボタンをクリックすると上部に X が表示されます。

Answer 1

modal を手動で呼び出さなければならない場合があります $('#myModal').modal('hide');