jquery - 单击 gridview 内的链接按钮时无法触发 jquery 警报-6ren

jquery - 单击 gridview 内的链接按钮时无法触发 jquery 警报

转载作者：行者123 更新时间：2023-12-01 06:20:26

24

4

当用户尝试删除Gridview中的记录时，我写了一个确认，如下

<head runat="server">
<title></title>
<style type="text/css">
    BODY, HTML
    {
        padding: 0px;
        margin: 0px;
    }
    BODY
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        background: #FFF;
        padding: 15px;
    }

    H1
    {
        font-size: 20px;
        font-weight: normal;
    }

    H2
    {
        font-size: 16px;
        font-weight: normal;
    }

    FIELDSET
    {
        border: solid 1px #CCC;
        -moz-border-radius: 16px;
        -webkit-border-radius: 16px;
        border-radius: 16px;
        padding: 1em 2em;
        margin: 1em 0em;
    }

    LEGEND
    {
        color: #666;
        font-size: 16px;
        padding: 0em .5em;
    }

    PRE
    {
        font-family: "Courier New" , monospace;
        font-size: 11px;
        color: #666;
        background: #F8F8F8;
        padding: 1em;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }

    /* Custom dialog styles */
    #popup_container.style_1
    {
        font-family: Georgia, serif;
        color: #A4C6E2;
        background: #005294;
        border-color: #113F66;
    }

    #popup_container.style_1 #popup_title
    {
        color: #FFF;
        font-weight: normal;
        text-align: left;
        background: #76A5CC;
        border: solid 1px #005294;
        padding-left: 1em;
    }

    #popup_container.style_1 #popup_content
    {
        background: none;
    }

    #popup_container.style_1 #popup_message
    {
        padding-left: 0em;
    }

    #popup_container.style_1 INPUT[type='button']
    {
        border: outset 2px #76A5CC;
        color: #A4C6E2;
        background: #3778AE;
    }
</style>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.ui.draggable.js" type="text/javascript"></script>
<!-- Core files -->
<script src="jquery.alerts.js" type="text/javascript"></script>
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
    $(document).ready(function () {
        var id = $("<%# GridView1.ClientID %> tr").find('#btnDelete.ClientID');
        $("#btn").click(function () {
            jConfirm('Are you sure you want to delete?', 'Confirmation Dialog', function (r) {
                if (r == true) {
                    __doPostBack(id, "");
                }
                else
                    return false;
            });
        });
    });
  </script>
  </head>

我的GridView如下

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4"
        ForeColor="#333333" OnRowEditing="GridView1_RowEditing" OnRowCancelingEdit="GridView1_RowCancelingEdit"
        OnRowUpdating="GridView1_RowUpdating" OnRowDeleting="GridView1_RowDeleting" Width="574px">
        <RowStyle BackColor="#EFF3FB" />
        <Columns>
            <asp:TemplateField HeaderText="ID">
                <ItemTemplate>
                    <asp:Label ID="Id" runat="server" Text='<%#Eval("ID") %>'></asp:Label>
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:Label ID="eid" runat="server" Text='<%#Eval("ID") %>'></asp:Label>
                </EditItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Name">
                <ItemTemplate>
                    <asp:Label ID="Name" runat="server" Text='<%#Eval("Name") %>'></asp:Label>
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:TextBox ID="ename" runat="server" Text='<%#Eval("Name") %>'></asp:TextBox>
                </EditItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Address">
                <ItemTemplate>
                    <asp:Label ID="Address" runat="server" Text='<%#Eval("Address") %>'></asp:Label>
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:TextBox ID="eprice" runat="server" Text='<%#Eval("Address") %>'></asp:TextBox>
                </EditItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="">
  <ItemTemplate>
                    <asp:LinkButton ID="edit" runat="server" Text="Edit" CommandName="edit"></asp:LinkButton>
                    <input id="btn" type="button" value="Delete" class="submit_12" />
                    <asp:LinkButton ID="btnDelete" runat="server" Visible="false" Text="Delete" CommandName="Delete" />
                </ItemTemplate>                    <EditItemTemplate>
                    <asp:LinkButton ID="update" runat="server" Text="Update" CommandName="update"></asp:LinkButton>
                    <asp:LinkButton ID="cancel" runat="server" Text="Cancel" CommandName="cancel"></asp:LinkButton>
                </EditItemTemplate>
            </asp:TemplateField>
        </Columns>
        <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
        <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
        <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <EditRowStyle BackColor="#2461BF" />
        <AlternatingRowStyle BackColor="White" />
    </asp:GridView>

但是我无法获得所需的警报，谁能告诉我哪里出了问题

enter image description here

我正在使用来自此网站的警报

http://labs.abeautifulsite.net/archived/jquery-alerts/demo/

添加了所有必需的脚本，但问题仍然相同

添加脚本

enter image description here

最佳答案

您的页面中可能没有注册 JQuery。

看一下: http://docs.jquery.com/How_jQuery_Works#jQuery:_The_Basics

了解如何在页面上包含 JQquery。

关于jquery - 单击 gridview 内的链接按钮时无法触发 jquery 警报，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9666927/

24

4

0

文章推荐： math - 计算交叉点的长度(通过二维网格)

文章推荐： spring - 如何指示 JMSTemplate.receive() 应该使用 DurableSubscriber

gridview - 以编程方式将模板列添加到 gridview
我有一个需要以编程方式作为列(而不是行)绑定(bind)到 gridview 的值列表。例如，如果我的 DAL 返回 10 个值，我需要将这 10 个值显示为 gridview 中的列作为标题文本，并
gridview - 脚本完成时如何防止关闭 GridView
我有一个使用 out-gridview 显示结果的脚本.这是一个简单的例子: "hello world" | out-gridview 当我使用 Run with PowerShell 运行脚本时，它
gridview - 导出具有相关表数据的 Gridview
我正在尝试使用工作正常的 Kartik 导出小部件，除了它没有在扩展“函数/网格”中获取数据。现在我当然明白它是如何工作的，它实际上并没有显示任何东西，只是呈现另一个 View 。但我不知道如何在导出
java - 理解GridView的Java语法 gridview = (GridView) findViewById(R.id.gridview);
在 Android 教程中，GridView tutorial准确的说是有一行代码 GridView gridview = (GridView) findViewById(R.id.gridview)
gridview - 响应式 Gridview 列标题
我正在尝试为与我的 gridview 关联的每一列添加一个标题，这样当页面足够宽以显示多行项目时，列标题应该显示在每一列的顶部，如果页面缩小，以至于该列不再适合。最终结果看起来像这样: 2 colu
gridview - Yii2 gridview 过滤器使用自动完成文本框
在我使用 comboBox 而不是 default(textBox) 在 gridview 中使用这个搜索之前: [ 'attribute' => 'project_status',
gridview - Yii2 gridview 自定义列值
我想在列中显示我的交易表中一个/所有帐户的总余额。余额列应显示添加上一行总余额的余额。我的网格 View 代码是 'yii\grid\SerialColumn'],
gridview - Yii2 Gridview 添加另一个标题
我正在使用 gridview 列出我的所有数据。我的 table 看起来像这样。 $dataProvider, 'columns' => [ 'firstName',
gridview - 滚动查看器 GridView XAML
我目前正在构建一个 Windows 8 XAML C# 应用程序。在一个页面中，我有一个用于水平滑动和滚动的滚动查看器。我有几个控件可以很好地与 scorllviewer 配合使用。但是当您滚动并且光
gridview - QtQuick GridView 元素动画
当调整 GridView 的大小时，它的元素被重新排列，该元素的动画似乎不起作用。在这里你可以找到一个简单的例子:http://pastebin.com/BgST6sCv 如果单击示例中的其中一个方
gridview - 如何动态更改 gridview 模板列顺序？
如何动态更改 gridview 模板列顺序？最佳答案迭代通通栏目的网格 View 对象和店铺他们在收藏 . List columns = new List(); foreach (Dat
gridview - Yii2 Gridview 中的分页和过滤
我在 Yii2 中使用了 CRUD 生成器，它为我的 actionIndex 生成了以下代码 Controller ... public function actionIndex() { $s
gridview - Yii2 GridView 值调用模型函数
在我的用户模型中我有一个函数: public function getRole() { if ($this->role == self::ROLE_USER) { return
gridview - 使用附加图标扩展 GridView ActionColumn
我正在构建一个带有 Yii2 框架的 webapp，它将为用户(登录)提供下载管理员预先上传文件的能力。我已经创建了操作 actionDownload在调用 sendFile() 的特定 Contr
gridview - 如何在 GridView 中排列图像？
我想在 GridView 中订购图像。我已经使用列表框并成功将图像添加到其中。它的显示如下但我希望这些图像显示在 GridView 中。可能与否。请帮助我......提前致谢最佳答案出于此类目
gridview - 动态填充 GridView 时应用程序启动缓慢
我试图通过在 QtQuick 2.0 (Qt 5) 中动态填充 ListModel 来填充 GridView。它可以工作，但应用程序启动速度非常慢: 应用程序窗口立即出现，但大约需要 2 秒才会出现浅
gridview - Yii2 GridView 有条件隐藏列
我在 Yii2 GridView 小部件中显示一些列，“执行人员名称”是其中之一，但它应该仅在主管登录时显示，而不是在执行人员登录时显示。当我将可见值硬编码为零时，它不会显示如下: [ 'l
gridview - UWP GridView 表
我想用 HTML 制作一个表格。所以我从数据库中获取了一些数据。每个项目都是一个用户。用户有用户名、名字、姓氏和电子邮件。我想制作一个表格来列出这些用户。每个用户都必须换行。我已经在互联网上搜索过
gridview - yii2 gridview pjax事件
我想在 pjax 处于事件状态的排序 gridview 之后运行脚本。重新加载 gridview 后我找不到任何事件处理程序。 pjax调用和gridview刷新后有没有正确的事件处理方法？最佳答案
gridview - WinRT gridview 滚动检测
在 WinRT 上，我有一个 GridView 。我想在到达 gridview 的末尾时执行一个方法。但是，没有像 GridView 那样的事件方法。我尝试检测对 gridview 的操纵，但似乎

首页

博学

6Ren·AI

商城

jquery - 单击 gridview 内的链接按钮时无法触发 jquery 警报