Jquery ui jQueryUIDatePicker使屏幕在选择日期后滚动到顶部
我在jQuery对话框中有两个jQuery日期选择器。每当用户从日期选择器中选择日期时,屏幕就会滚动到顶部。这只发生在IE8中,而不是Firefox3.6或Chrome5。由于大多数用户将使用IE,这将是非常烦人的。谁能告诉我为什么会发生这种事 以下是该对话框的HTML片段: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
<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
}
});