从初始jQuery对话框触发第二个jQuery对话框

时间:2014-09-26 05:36:43

标签: jquery jquery-ui dialog jquery-ui-dialog

我尝试从初始对话框小部件触发第二个jQuery对话框小部件时遇到问题。

第一个jQuery UI对话框在列表中包含三个标记。单击其中一个链接需要在第二个jQuery UI对话框中触发三种不同HTML表单中的一种,并关闭第一个对话框。

我不知道如何设置它。

1 个答案:

答案 0 :(得分:0)

//第一个对话框的代码

$( "#first-dialog" ).dialog({
    height: 500,
    modal: true,
    buttons: {
        Cancel: function() {
            $(this).dialog('close');
        }
    }
});

//第二个对话框的代码

$( "#second-dialog" ).dialog({
    autoOpen: false,
    modal: true,
    buttons: {
        Cancel: function() {
            $(this).dialog('close');
        }
    }
});

//打开第二个对话框并关闭first-dailog的代码

$("#li").click(function() {
    $( "#second-dialog" ).dialog('open');
    $( "#first-dialog" ).dialog('close');
         });

并在第二个对话框html中提供form-html所需的内容。