Question

我有一个asp.net Web应用程序。在我的.aspx页面中，我有一个带有两个文本框的小jQuery对话框，我正在使用一个datepicker。弹出对话框时，如何删除它们的焦点。我已尝试在互联网上发布了这么多解决方案，但仍然会继续关注，因此日期选择器显示并隐藏了整个对话框。

以下是弹出对话框的代码：

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

有人可以帮助我吗？

Answer 1

你试过吗？

        $("#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;
        });

ASP.NET文本框不会失去焦点

1 个答案: