对话框弹出框

时间:2012-06-20 10:07:03

标签: javascript jquery

我想制作注册按钮,但是当人们点击它时。将出现一个弹出对话框,其中有两个按钮供用户单击。一个是YES,一个是NO。如果他们选择YES,则将它们传递给X页面。转换方式,他们选择NO,将它们传递给Y页面。我在谷歌搜索但只有确定并取消确认。 enter image description here

是 - > VIP注册

否 - >常规注册

我应该使用Jquery吗?

4 个答案:

答案 0 :(得分:1)

您可以使用jQuery UI

$('<div>', {text: 'Do you have VIP code?'}).dialog({
    modal: true,
    buttons: {
        'Yes': function() {
             window.location = ...;
        },
        'No': function() {
             window.location = ...;
        }
    }
});

请注意,此对话框默认包含“关闭”按钮,如果按下转义符,也会自动关闭。您需要禁用这些功能(请参阅here了解具体方法),或者确定在发生这些功能时采取的操作(如果有)。

答案 1 :(得分:0)

如果您不想自定义对话框的外观(您无法更改任何内容,包括按钮文本),则可以使用内置confirm方法:< / p>

if (confirm("Do you have VIP code?")) {
    //Yes!
} else {
   //No
}

如果要自定义对话框,请查看可用的无限lightbox scripts。正如@Alnitak所提到的,jQuery UI提供了一个很好的。

答案 2 :(得分:0)

您可以在经典的javascript中执行此操作

var answer = confirm ("Do you have vip code?")

然后相应地对待答案

答案 3 :(得分:0)

jquery是一个很容易做到这一点的好方法。但问题往往是,人们相信他们可以在不理解Javascript本身的情况下使用jQuery。因此,首先要学习Javascript的基础知识(例如:Methodchaning,Closurs,Array-Handling,Prototyping),然后尝试jQuery。你想要的Box很容易用jQuery-UI

window.location = "vip.html";