Bir kullanıcı bir bağlantıyı tıklattığında görüntülemek için jQuery UI kalıcı bir İletişim Kur. İki metin kutularının (ben sadece kısaltma için 1 kodu Göster) iletişim dıv etiketi var ve odaklanmak tepki jQuery UI DatePicker bir textbox olarak değiştirildi.

Sorun jQuery UI iletişim ('') nedense ilk tetikler açın hemen açmak için datepicker takvim tetikleyen odak, textbox.

Bir şekilde otomatik olarak odağı olmasını engellemek için arıyorum.

<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>

jQuery UI 1.10.0 Changelog sabit olarak ticket 4731 listeler.

FocusSelector benziyor uygulanan değil, ama çeşitli öğeler için basamaklı bir arama yerine kullanılmıştır. Bilet:

Otomatik netleme uzatmak, [otomatik odak], sonra :tabbable içeriği ile başlayan, daha sonra buttonpane, kapat düğmesi, iletişim

Yani, autofocus öznitelik bir öğe işareti ve odak edilmesi gereken unsur:

<input autofocus>

Açıkladı the documentation (başlık altında içindekiler hemen altında,'') Odak:

Bir iletişim kutusu açıldığında, odak otomatik olarak ilk öğe taşınır bundan sonraki maçlarda:

1. autofocus öznitelik ile iletişim içinde ilk öğe
2. İletişim içeriği içinde :tabbable ilk eleman
3. İletişim kişinin buttonpane içinde :tabbable ilk eleman
4. İletişim konuma getirin
5. İletişim kendisi