使用 Bootstrap 模态 （Bootbox） 进行不显眼的 JavaScript 确认

你应该能够破解它说function="return false;"

<a class="btn  btn-default" confirm="Are you sure you want to delete the selected group? This action cannot be undone!" data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-update="#TabsId-5" href="#" data-href="/Groups/DeleteGroup/38" id="btnDelGrp" function="return false;"><i class="glyphicon glyphicon-remove"></i> Delete Selected Group</a>

或者更好的是，只需使用 data-href 而不是 href：

<a class="btn  btn-default" confirm="Are you sure you want to delete the selected group? This action cannot be undone!" data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-update="#TabsId-5" href="#" data-href="/Groups/DeleteGroup/38" id="btnDelGrp"><i class="glyphicon glyphicon-remove"></i> Delete Selected Group</a>

和 js：

$(document).ready(function ()
{
$("[confirm]").each(function () {
    $(this).click(function (e) {
        e.preventDefault();
        var action = function () { alert("no action"); };
        switch ($(this).prop('tagName'))
        {
            case 'A':
                var url = $(this).attr("data-href");
                action = function () { document.location.href = url; };
                break;
            case 'BUTTON':
                var form = $(this).closest('form');
                if ($(this).attr("name") != "" && $(this).attr("value") != "")
                {
                    var foundIndex = $(form).attr('action').indexOf($(this).attr("name"));
                    if (foundIndex == -1) //don't add the same param over and over
                    {
                        $(form).attr('action', $(form).attr('action') + "?" + $(this).attr("name") + "=" + $(this).attr("value"));
                    }
                    else //else replace it
                    {
                        $(form).attr('action', $(form).attr('action').substring(0, foundIndex) + $(this).attr("name") + "=" + $(this).attr("value"));
                    }
                }
                action = function () { form.submit(); };
                break;
        }
        bootbox.confirm($(this).attr("confirm"), function (result) {
            if (result)
                action();
        });
    });
});
});

我会停止使用不显眼的东西，因为它似乎没有达到它的主要目标：不显眼！

请改用 jQuery ajax 方法。下面是一个小提琴示例：http://jsfiddle.net/VM4HH/

下面是使定位功能起作用的代码片段：

$(function() {
    $('body').on('click', 'a.confirm', function(e) {
        e.preventDefault();
        var $tar = $(e.target);

        customConfirm($tar.data('confirm'), function() {

            var $contentTarget =  $('#' + $tar.data('custom-ajax-target-id'));

            $contentTarget.html('Loading...');

            $.ajax({
                url: $tar[0].href,
                // Following two lines for the JSFiddle demo only
                type: 'POST',
                data: { html: '<h1>' + $tar.html() + '</h1>', delay: 1 }
            }).success(function(data) {
                $contentTarget.html(data);
            });
            // You'll want to attach error handlers here to your promise
        });
    });
});

下面是示例 HTML：

<a href="/echo/html/" data-confirm="Go to Google?" data-custom-ajax-target-id="content"  class="confirm">Googs</a><br />
<a href="/echo/html/" data-confirm="Go to Yahoo?" data-custom-ajax-target-id="content" class="confirm">Yahoo</a><br />