Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/csharp-4.0/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui jQueryUIDatePicker使屏幕在选择日期后滚动到顶部_Jquery Ui - Fatal编程技术网

Jquery ui jQueryUIDatePicker使屏幕在选择日期后滚动到顶部

Jquery ui jQueryUIDatePicker使屏幕在选择日期后滚动到顶部,jquery-ui,Jquery Ui,我在jQuery对话框中有两个jQuery日期选择器。每当用户从日期选择器中选择日期时,屏幕就会滚动到顶部。这只发生在IE8中,而不是Firefox3.6或Chrome5。由于大多数用户将使用IE,这将是非常烦人的。谁能告诉我为什么会发生这种事 以下是该对话框的HTML片段: <div id="AppointmentDialog" style="display: none; font-size: 12px;"> <table> <tr cl

我在jQuery对话框中有两个jQuery日期选择器。每当用户从日期选择器中选择日期时,屏幕就会滚动到顶部。这只发生在IE8中,而不是Firefox3.6或Chrome5。由于大多数用户将使用IE,这将是非常烦人的。谁能告诉我为什么会发生这种事

以下是该对话框的HTML片段:

 <div id="AppointmentDialog" style="display: none; font-size: 12px;">
    <table>
        <tr class="lesson notAvailable allDay">
            <td>
                Start
            </td>
            <td>
                <input id="txtStartDate" type="text" readonly="readonly" style="width: 90px" class="lesson notAvailable allDay" />
                <input id="txtStartTime" type="text" style="width: 50px" class="lesson notAvailable" />
                <input id="hidStartTime" type="hidden" value="" />
            </td>
        </tr>
        <tr class="notAvailable allDay">
            <td>
                End
            </td>
            <td>
                <input id="txtEndDate" type="text" readonly="readonly" style="width: 90px" class="notAvailable allDay" />
                <input id="txtEndTime" type="text" style="width: 50px" class="notAvailable" />
                <input id="hidEndTime" type="hidden" value="" />
            </td>
        </tr>
    </table>
</div>
编辑


我正在使用jQuery1.4.2和UI1.8.2,我又研究了一遍。这只虫子已经被消灭了

我使用的是jQuery UI的缩小版,因此代码如下所示:

(B?" ui-priority-secondary":"")+'" href="#">'+q.getDate()+"</a>")+"</td>"

(B?" ui-priority-secondary":"")+'" href="javascript:;">'+q.getDate()+"</a>")+"</td>"

我确实遇到了这个问题,但真正的问题是页面上的ID重复。一旦我删除了重复的id,问题就完全消失了。

如果文本包含的内容不允许我接触js库,则需要用jQuery覆盖$placeholder,我在onSelect处理程序下添加了这一行

所以我的代码看起来像

            $('#txtDate').datepicker({
                    // other properties
                    onSelect: function (selectedDate) {
                        $('#ui-datepicker-div table td a').attr('href', 'javascript:;');
                        // other code
                    }
                });

谢谢你!你救了我很多时间!欢迎来到SO。这应该是评论,而不是回答。
$('#ui-datepicker-div table td a').attr('href', 'javascript:;');
            $('#txtDate').datepicker({
                    // other properties
                    onSelect: function (selectedDate) {
                        $('#ui-datepicker-div table td a').attr('href', 'javascript:;');
                        // other code
                    }
                });