twitter-bootstrap - モーダルのナビゲーションでアクティブなBoorstrapのクラスが機能しませんか？

Question

ナビゲーションメニューをモーダルフォームに追加すると、アクティブなタブがアクティブとして表示されないようです。助言がありますか？

<div id="log_data" title="Log data" class="modal fade hide" >  
<div class="modal-header">
    <button class="close" data-dismiss="modal">&times;</button>
    <h3>Log data</h3>
</div>
<div class="modal-body">
    <div class="row">
        <div class="span2">
            <ul class="nav nav-tabs">
                <li id="ligraph" class="active"><a href="#">Graph</a></li>
                <li id="liraw"><a href="#">Raw</a></li>
            </ul>
        </div>
    </div>
</div>

Answer 1

どうやらモーダルはタブからアクティブなクラスを削除します。JQueryの「onshow」イベントを使用して手動でクラスをタブに追加すると、機能します。

$("#log_data").on("show", function (){
    $("#ligraph").addClass("active");
});