Javascript 将showModalDialog与选项一起使用

Javascript 将showModalDialog与选项一起使用,javascript,jquery,Javascript,Jquery,我需要使用showModalDialog方法向用户显示消息,这也需要有两个按钮,一个“是”和“否”,但不确定如何使用此方法 我正在使用IE8,不确定如何声明此项,以及我需要如何分配此项,以同时满足“是”和“否”选项 如果按“否”,我基本上希望showModalDialog关闭,用户无需执行进一步操作 如果按下“Yes”,我希望它关闭并调用JavaScript函数 我在网上看过,但似乎找不到任何与我在这里所追求的相关的例子 我正在寻找与我的上述要求相关的好例子的链接。如果您正在使用jquery.u

我需要使用showModalDialog方法向用户显示消息,这也需要有两个按钮,一个“是”和“否”,但不确定如何使用此方法

我正在使用IE8,不确定如何声明此项,以及我需要如何分配此项,以同时满足“是”和“否”选项

如果按“否”,我基本上希望showModalDialog关闭,用户无需执行进一步操作

如果按下“Yes”,我希望它关闭并调用JavaScript函数

我在网上看过,但似乎找不到任何与我在这里所追求的相关的例子


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

如果您正在使用jquery.ui,请检查此链接。如果您不想使用jquery.ui,请查看插件

  • 如果您使用的是jQuery,那么您将使用它强大的小部件库

  • 演示:
实施:

$(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");
                }
            }
        });
    });
});
<div id="dialog-message"><p>Lorem Ipsum Est</p></div>

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

$(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");
                }
            }
        });
    });
});
<div id="dialog-message"><p>Lorem Ipsum Est</p></div>

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


谢谢@aSeptik,但还有两个问题。1) 我如何将任何类型的数据传递到此对话框中,2)您能否提供一个使用showModalDialog的示例,因为我不确定是否会使用jQuery。谢谢,谢谢。使用showModalDialog,我需要向其中传递一个url,这是否可能,如果可能,那么如何实现?