1

目前在我的网站上，我正在显示 ShowModalDialogue 以显示警告。最近我被要求修改这个行为如下：

早期行为：

我曾经只是显示一条警告消息。用户可以单击对话框的确定​​或关闭按钮继续。

新行为：

我被要求在同一个 ShowModalDialogue 中插入一个文本框。现在用户必须在单击“确定”按钮之前插入他的姓名首字母。现在他也不能通过单击关闭按钮来关闭对话。如果他试图在文本框为空时通过单击关闭按钮或确定按钮来关闭对话框，则必须打开相同的弹出窗口并发出警告。但问题是在关闭警告消息后，对话框在屏幕上随机移动，即使它的属性已被修改，使其不会移动。

现在我被要求用更好的东西替换这个 ShowModalDialogue。我有两个建议：1. CSS div Popup 2. Ajax-control ModalPopup。其中哪一个更好？还有什么可以代替我使用的吗？

我主要关心的是外观漂亮且易于处理。

提前致谢。

4

2 回答 2

0

想试试qTip2吗？这个有很多选择给你。

http://craigsworks.com/projects/qtip2/demos/#dialogues

于 2013-06-05T05:11:47.470 回答
0

你可以简单地用jquery UI来做

    $( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        buttons: {
            "Create an account": function() {
                bValid =  $("#d-form").valid();
                if (bValid ){
                    $( "#users tbody" ).append( "<tr>" +
                        "<td>" +  $( "#name" ).val() + "</td>" + 
                        "<td>" + $( "#email" ).val() + "</td>" + 
                        "<td>" + $( "#password" ).val() + "</td>" +
                    "</tr>" ); 
                    $( this ).dialog( "close" );
            }

            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        },
        close: function() {
            allFields.val( "" ).removeClass( "ui-state-error" );
        }
    });

小提琴

于 2013-06-05T05:17:57.903 回答