javascript - 在 href 上调用警报，然后继续到新页面

Question

我有一个页面链接，该页面调用“性感警告框”脚本弹出一条消息，询问用户是否同意带有选项“我同意”和“取消”的条款和条件。

我已经完成了很多工作，但现在我需要“我同意”选项才能将它们发送到新页面。 (“取消”返回用户当前页面。)

与 document.location.href 有关吗？

我正在使用 mootools 框架。

Sexy Alert Box 1.2 mootools & jQuery

代码如下:

<a href="#" 
    onclick="Sexy.confirm('Do you agree to the terms and conditions?', {
        textBoxBtnOk: 'I Agree', // goes to www.newpage.com
        textBoxBtnCancel: 'Cancel' // return to current page    
    });">Link</a>

Answer 1

标准的内置 javascript confirm 函数将返回 true 或 false，这取决于按下的按钮(这是一个 同步 Action )，但是这个 Sexy.confirm 插件看起来像是将通过回调函数返回其选择的东西(它将是一个异步操作)。

例如，

function doConfirm() {
    Sexy.confirm('Do you agree to the terms and conditions?', {
        textBoxBtnOk: 'I Agree',
        textBoxBtnCancel: 'Cancel',
        onComplete: function(returnvalue) {
            // here is where you act, after user has made a choice...
            if (returnvalue) {
                //alert ("pressed OK");
                window.location.href = '/page1/';
            }
            else {
                //alert("pressed Cancel");
                window.location.href = '/page2/';
            }
        }
    });
    return false; // this is to cancel the native click event
}

然后你可以让你的链接标签更漂亮一些，

<a href="#" onclick="return doConfirm();">Link</a>

祝你好运!