34
4

5 に答える 5

84 
<a class="confirm" href="/DoSomethingDangerous">do something dangerous</a>

JQuery:

$(function() {
    $('.confirm').click(function(e) {
        e.preventDefault();
        if (window.confirm("Are you sure?")) {
            location.href = this.href;
        }
    });
});

またはさらに簡単：

$(function() {
    $('.confirm').click(function() {
        return window.confirm("Are you sure?");
    });
});

ネイティブの確認ボックスはスタイルできません。スタイルが必要な場合は、使用できますjQuery.UI.dialog

于 2012-09-21T13:22:17.793 に答える
38

DOM 関数が「はい」と「いいえ」でwindow.confirm()ブール値を返すことがわかっている場合、リンクを少し単純化できます。truefalse

<a href="/DoSomething" onclick="return confirm('Are you sure?');">Link</a>
于 2014-09-01T11:47:45.313 に答える
23

最も簡単な解決策は

<a href="/DoSomethingDangerous" onclick="if (!confirm('Are you sure?')) return false;">Link test</a>

于 2012-09-21T13:22:15.127 に答える
15 
$('a').click(function(e)
{
    if(confirm("Are you sure?"))
    {
        alert('navigate!');
    }
    else
    {
        e.preventDefault();
    }
});

デモ: http://jsfiddle.net/PDj9H/

于 2012-09-21T13:25:22.197 に答える
2

jQuery UImodal-confirmationダイアログ ( http://jqueryui.com/demos/dialog/#modal-confirmation ) を使用することをお勧めします。

于 2012-09-21T13:20:24.427 に答える