jQuery Datepicker的优先级低于表单上的其他控件

Question

如果您查看上面的屏幕截图，日历会浮动在提交按钮上方。但是，当我尝试单击顶行中的任何日期时，它会将提交按钮注册为按下。

这是HTML：

        <div data-role="content">
            <div class="ui-content">
                <form method="POST" onsubmit="return submitForm()" id="myForm" data-ajax="false">
                    <input type="text" name="transaction_date" class="date-input" data-inline="false" data-role="date" readonly="true">
                    <fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain" align="center">
                        <input type="radio" name="transaction_type" id="radio-choice-1" value=0>
                        <label for="radio-choice-1">Expense</label>
                        <input type="radio" name="transaction_type" id="radio-choice-2" value=1>
                        <label for="radio-choice-2">Income</label>
                    </fieldset>
                    <input type="submit" value="Submit">
                </form>
            </div>
        </div>

如何解决这个问题，以便我在日历上按下的任何内容都优先？

Answer 1

根据jQuery移动设备的CSS，ui-btn input, ui-btn button有一个z-index:2，而ui-datepicker-div出现时会z-index:1，这会导致您的问题。< / p>

使用提交按钮的z-index进行调整，为我修复了它。

jsFiddle

或者，您可以将ui-datepicker-div z-index调整为稍微高一点，但由于它的调用是从您身上抽象出来的，因此您必须在ui核心周围搜索以找出调整位置正在制作。