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

Question

我正在创建一个按钮"SampleTest"，它将不得不显示模型数据和弹出window.But中的"GoBack“按钮--它在全屏弹出中显示内容，同时也显示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);
           });

对于弹出的window.Kindly，我是否需要在jquery中包含任何函数，告诉我在这种情况下应该做什么。

Answer 1

我重写了代码，

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按钮，我已经给关闭选项关闭弹出。

Answer 2

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

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

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