Question

我需要使用showModalDialog方法向用户显示消息，该消息还需要有两个按钮，“是”和“否”，但不确定如何使用此方法。

我正在使用IE8并且不确定如何声明这个以及我如何分配它也将同时满足“是”和“否”选项。

如果按“否”，我基本上希望关闭showModalDialog，而不需要用户采取进一步操作。

如果按下“是”，我就想让它关闭并调用JavaScript函数。

我在网上看过，但我似乎无法找到任何有关我在此之后的例子。

我正在寻找与上述要求相关的好例子的链接。

Answer 1

如果您使用的是jQuery，那么您将使用它强大的小部件库 http://jqueryui.com

DEMO： http://so.devilmaycode.it/help-with-showmodaldialog-together-with-selections

<强>实现：

$(function() {
  var external_data = "i'm outside the func";
    $('.show-modal-dialog').click(function(e) {
       var internal_data = "i'm inside the call";
       var a = this;
        e.preventDefault();
        $("#dialog-message").dialog({
            title: 'this is a modal dialog',
            modal: true,
            open: function(event, ui) {
              $(this).append(a.href); //append inside the Dialog it self
            },
            buttons: {
                'Yes': function() {
                    alert(a.href + ' ' + external_data + ' ' + internal_data);
                },
                'No': function() {
                    $(this).dialog("close");
                }
            }
        });
    });
});

<强> BODY：

<div id="dialog-message"><p>Lorem Ipsum Est</p></div>

<a class="show-modal-dialog" href="http://www.google.it">Show Modal Dialog</a>

Answer 2

如果您正在使用jquery.ui，请查看此sample。如果您不想使用jquery.ui，请查看Block.UI插件。

将showModalDialog与Selections一起使用

2 个答案: