Tôi đã thiết lập hộp thoại phương thức UI UI để hiển thị khi người dùng nhấp vào liên kết. Có hai hộp văn bản (tôi chỉ hiển thị mã cho 1 cho ngắn gọn) trong thẻ div hộp thoại đó và nó được thay đổi thành hộp văn bản jQuery UI DatePicker phản ứng tập trung.
Vấn đề là hộp thoại UI UI ('open') bằng cách nào đó kích hoạt hộp văn bản đầu tiên có tiêu điểm, sau đó kích hoạt lịch hẹn hò để mở ngay lập tức.
Vì vậy, tôi đang tìm cách để ngăn chặn sự tập trung tự động xảy ra.
<div><a id="lnkAddReservation" href="#">Add reservation</a></div>
<div id="divNewReservation" style="display:none" title="Add reservation">
<table>
<tr>
<th><asp:Label AssociatedControlID="txtStartDate" runat="server" Text="Start date" /></th>
<td>
<asp:TextBox ID="txtStartDate" runat="server" CssClass="datepicker" />
</td>
</tr>
</table>
<div>
<asp:Button ID="btnAddReservation" runat="server" OnClick="btnAddReservation_Click" Text="Add reservation" />
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var dlg = $('#divNewReservation');
$('.datepicker').datepicker({ duration: '' });
dlg.dialog({ autoOpen:false, modal: true, width:400 });
$('#lnkAddReservation').click(function() { dlg.dialog('open'); return false; });
dlg.parent().appendTo(jQuery("form:first"));
});
</script>