如何在弹出窗口中显示内容？

Question

我创建一个按钮＆＃34; SampleTest＆＃34;，它必须显示模型数据和＆＃34; GoBack＆＃34;弹出窗口中的按钮。但它在全屏弹出窗口中显示内容也覆盖。喜欢， 我有我的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中包含任何函数。请告诉我在这种情况下该怎么做。

Answer 1

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

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

有关Jquery Popup的更多帮助：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/");

它的功能很好。我没有OK按钮，我已经给出了关闭弹出窗口的关闭选项。