0

我有一个 asp.net 网络应用程序。在我的.aspx页面中,我有一个带有两个文本框的小型 jQuery 对话框,为此我使用了一个日期选择器。弹出对话框时如何移除它们的焦点。我已经尝试了很多在互联网上发布的解决方案,但它们仍然是重点,因此日期选择器显示并隐藏了我的整个对话框。

这是我用于弹出对话框的代码:

<script type="text/javascript">
        var dialogOpts = {
            resizable: false,
            bgiframe: true,
            maxWidth: 330,
            maxHeight: 315,
            width: 330,
            height: 315,
            autoOpen: false
        };

        $('#borrow_dialog_form').dialog(dialogOpts).parent().appendTo($("#form1"));;
        $(function () {
            $("#borrow_dialog_form").dialog({
            });

            $("#Button1").click(function () {
                $("#borrow_dialog_form").dialog("open");
                return false;
            });
        });
    </script>

这是aspx:

<div id="borrow_dialog_form" title="Borrow" style="display: none;">
            <asp:Label CssClass="labelStyle" ID="Label10" runat="server" Text="From"></asp:Label>
            <asp:TextBox ID="datepicker2" runat="server"></asp:TextBox>
        <asp:Label CssClass="labelStyle" ID="Label11" runat="server" Text="To"></asp:Label>
        <asp:TextBox ID="datepicker" runat="server"></asp:TextBox>
        <br />
        <br />
        <asp:Button Style="margin-left: 90px;" ID="borrow_item_button" runat="server" Text="Borrow item" OnClick="borrow_item_Click" />
    </div>

有人可以帮我吗?

4

1 回答 1

2

你试过吗?

        $("#Button1").click(function () {
            $("#borrow_dialog_form").dialog("open");
            $("#datepicker").blur();
            $("#datepicker2").blur();
            return false;
        });

或者那个?

        $("#Button1").click(function () {
            $("#borrow_dialog_form").dialog("open");
            $("#borrow_item_button").focus();
            return false;
        });
于 2013-10-31T11:45:37.957 回答