在jquery mobile中设置日期框后,焦点转到上部字段(文本字段)

时间:2013-07-15 23:18:05

标签: jquery jquery-mobile cordova

enter image description here

我正在实现一个弹出屏幕。在弹出屏幕上,我有一个文本字段和日期框。实际上点击日期框并设置日期焦点转到上部文本字段实际上我试着小提琴。问题是创造的(我不知道为什么)。 首先转到intex.html点击标题按钮(+)。这个弹出屏幕打开填充文本数据在该打开日期框中添加日期它到达上面的字段.. :(相同的代码我写在小提琴,但它不会重现这一点。

这是代码 https://www.dropbox.com/s/l2dtrxmnsurccxt/www.zip enter image description here 我也尝试这样但没有效果.. :(焦点是去上面的领域。:我需要再看看这个问题

<div data-role="content">
                    <div><img src="img/Documents.png"/></div>
                    <div data-role="fieldcontain">
                        <label for="text-12" style="text-align:top;margin-left: 0px;">Case Name:</label>
                        <input name="text-12" id="text-12" value="" type="text" class="caseName_h" >
                    </div>
                    <div data-role="fieldcontain">
                        <label for="mydate" style="text-align:left;margin-left: 0px;" >Case Date:</label>
                        <!--input name="text-12" id="text-12" value="" type="date" class="caseDate_h"  -->
                           <input name="mydate" id="mydate" type="date" data-role="datebox" class="caseDate_h" data-options='{"mode": "datebox", "useNewStyle":true,"zindex":1200}'/>
                    </div>
                    <div data-role="fieldcontain">
                        <label for="textarea-12">Textarea:</label>
                        <textarea cols="40" rows="8" name="textarea-12" id="textarea-12" class="caseTextArea_h"></textarea>
                    </div>
                </div>

2 个答案:

答案 0 :(得分:1)

案例名称:                                      
            <div data-role="fieldcontain">
                <label for="mydate" style="text-align:left;margin-left: 0px;" >Case Date:</label>                       
                <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}'/>
            </div>
            <div data-role="fieldcontain">
                <label for="textarea-12">Textarea:</label>
                <textarea cols="40" rows="8" name="textarea-12" id="textarea-12" class="caseTextArea_h"></textarea>
            </div>

答案 1 :(得分:0)

无法访问丢弃框,代码很大,但我认为for =“text-12”正在重复可能是一件愚蠢的事情,请附上标签与之关联的相应ID日期部分。