ASP.Net GridView按钮上的JqueryUI确认对话框

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:Button ID="btnDelete" runat="server" Text="Delete" CommandName="Delete" OnClientClick="return confirmDelete();" />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script type="text/javascript">
    function confirmDelete() {
        return $("<div>Are you sure you want to delete this item?</div>").dialog({
            modal: true,
            buttons: {
                "Yes": function() {
                    $(this).dialog("close");
                    return true;
                },
                "No": function() {
                    $(this).dialog("close");
                    return false;
                }
            }
        });
    }
</script>