如何显示popupwindow中的内容？

Question

我正在创建一个按钮 "SampleTest"，它必须在弹出窗口中显示模型数据和 "GoBack" 按钮 window.But 它也会在全屏弹出窗口中显示内容 overriding.Like, 我有我的 jquery 喜欢，

  $('#SampleTest').button().click(function () {
        var options = {};
        options.type = "POST";
        options.url = "/Dashboard/SampleTest/";
        options.dataType = "json";
        options.contentType = "application/json";
        options.success = function (data) {
            alert(data);
          $(".popup").html(data);
            $(".trasparentDiv").show(data);
            $(".popup").show(data);
             };
              $.ajax(options);
           });

我是否需要在 jquery 中包含弹出窗口的任何功能window.Kindly 告诉我在这种情况下该怎么做。

Answer 1

请在 JQuery 核心脚本文件后将具有适当版本的 JQuery UI 脚本包含到您的页面中。

Jquery UI 来自 JQuery 的 CDN 路径：https://code.jquery.com/ui/

有关 Jquery 弹出窗口的更多帮助：http://jqueryui.com/dialog/

Answer 2

我重写了代码，

function LoadSampleTest() {
alert('sample');
$("<div></div>")
    .attr('id','SampleQuestionDiv')
    .appendTo("body")
    .dialog({
        modal: true,
        Close: function () {
            $(this).dialog("close");
        },
        Width: 1000,
        height: 800,
        title: "Sample Test"
    }).load("/dashboard/sampletest/");

它的作品 good.Instead OK 按钮，我已经给出关闭选项来关闭弹出窗口。

如何显示popupwindow中的内容？

How to display the content in popup window?

html

c#

asp.net-mvc

razor