0

私は、webapp 用の非常に単純なモーダル ウィンドウを使用しています。何らかの理由で、モーダルのいずれかの入力をクリックすると、その前の入力にフォーカスが設定されます。ただし、ラベルをクリックすると、フォーカスが適切な入力に設定されます。これに頭をかいて...

マークアップは次のとおりです。

<!--Admin Approve Modal -->
<div id="admin_approve_modal" class="modal hide fade" role="dialog" aria-labelledby="adminApproveModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="adminApproveModalLabel">Approval For Order #<span class="js-orderID"></span></h3>
        </div>
        <form id="admin_approve_form" name="admin_approve_form" method="post" action="admin-form-submit.php?query=adminApprove">
            <div class="modal-body">
                <label for="poNumber" />Factory PO #:
                <input type="text" id="poNumber" name="poNumber" />
                <script>
                    $(function() {
                        $( "#etaDate" ).datepicker();
                    });
                </script>
                <label for="etaDate" />ETA Date:
                <input type="text" id="etaDate" name="etaDate" value="" />
                <label for="comments" />Comments:
                <input type="text" id="comments" name="comments" value="" />
                <div id="admin_validation_error" name="admin_validation_error"></div>
                <!--Hidden inputs-->
                <input type="hidden" id="adminOrderID" name="orderID" value="" />
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                <button type="submit" class="btn btn-primary">Approve</button>
            </div>
        </form>
    </div>
    <!-- end modal -->

このページには (私の知る限り) 競合する JavaScript はありません。何か案は？

4

2 に答える 2

0

バグを再現できません。jsfiddle をセットアップできますか? クリーンなブートストラップファイルでうまくいきました。

于 2013-02-04T22:11:08.180 に答える
0

まあ、私はばかです。なんらかの理由で、ラベルは自動的に閉じるものだと思っていましたが、そうではありません!

于 2013-02-05T15:01:47.487 に答える