0

在我的 asp.net 应用程序中有一个母版页和一些其他页面，在这些页面中，我添加了按钮和删除按钮，对于这个删除按钮，我在后面的代码中编写了删除方法，它工作正常。但在此删除功能触发之前，我需要显示一个删除确认框。为此，我在文件夹custom.js下命名的 jQuery 文件中编写了删除确认方法Js，并在母版页中引用了这个 js 文件，例如

<script src="/Js/custom.js" type="text/javascript"></script>

在这个 custom.js 中，我在 custom.js 的 pageInit 下编写了删除确认方法，例如

function pageInit(){
$(".delete").click(function (event) {
    confirmationBox(event);
    });
}

function confirmationBox(event) {

var r = confirm("You are about to delete some items. Click Ok to continue");
if (r == true) {
    $(document).submit();
}
else {
    event.preventDefault();
}
}

并在脚本中使用类名作为删除

<asp:Button ID="btnDelete" class="delete" Text="Delete"/>

从脚本中调用 js 文件为

<script type="text/javascript">
 $(document).ready(function () {
     pageInit();
 });
 </script>

但是这个删除确认方法根本没有触发，这个查询有什么问题，谁能帮助我.....

4

3 回答 3

2

你应该在 $(document).ready() 中有删除函数：

$(document).ready(function() {
   // put all your jQuery goodness in here.
 });
于 2012-04-26T04:51:05.650 回答
1

另一种实现您正在做的事情的方法是使用OnClientClickASP.NET 按钮的事件

<asp:Button 
     ID="btnDelete" 
     class="delete" 
     Text="Delete" 
     OnClientClick="return confirmationBox()" />



function confirmationBox() {
    var r = confirm("You are about to delete some items. Click Ok to continue");
        if (r) {
            return true;
        }
        else {
            return false;
        }
    }

那应该这样做:)

[更新]我的错，我忘了在函数
中包含返回；OnClientClick如果您在return确认中选择取消，则会停止回发。

于 2012-04-26T05:13:31.607 回答
1

您的删除按钮控件存在于母版页中。要引用删除按钮，请使用此语法 input[id$=btn_delete]。在 document.ready 函数中绑定按钮单击事件。以下代码对我有用。

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<asp:Button ID="btn_delete" runat="server" Text="Delete Confirmation" 
    onclick="btn_delete_Click" />



    <script type="text/javascript">

        $(document).ready(function () {

            $('input[id$=btn_delete]').click(function (event) {
                confirmationBox(event);
            });
        });

    function confirmationBox(event) {

        var r = confirm("You are about to delete some items. Click Ok to continue");
        if (r == true) {
            $(document).submit();
        }
        else {
            event.preventDefault();
        }
    }
    </script>

于 2012-04-26T05:19:10.970 回答