Question

我正在为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（据我所知）。有什么想法吗？

Answer 1

我无法重现你的错误，你能设置一个jsfiddle吗？它使用干净的引导文件为我工作。

Answer 2

嗯，我很蠢。出于某种原因，我认为标签是自动关闭的...它们不是！

使用bootstrap模式输入焦点问题

2 个答案: