2015-01-22 11 views
0

Iam создает кнопку «SampleTest», которая должна отображать данные модели и кнопку «GoBack» в всплывающем окне. Но это отображение содержимого в полноэкранном всплывающем окне также переопределяет. Как, enter image description here У меня есть мой 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 сказать мне, что делать в этом случае делать.

+0

Ожидаете ли вы, что 'data-role =" popup "' волшебным образом генерирует всплывающее окно для вас? Это не то, как работает HTML ... Или вы используете какую-то структуру, которая генерирует всплывающие окна? Если да, отправьте код, который вы используете, чтобы создать всплывающее окно. –

+0

Подпишитесь на обновленное сообщение. –

ответ

0

я переписан код, как,

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, я дал близкую возможность закрыть всплывающее окно.

0

Пожалуйста, включите JQuery UI-скрипт с соответствующей версией на страницу после файла сценария ядра JQuery.

Jquery UI CDN Путь от JQuery: https://code.jquery.com/ui/

Больше помощи о Jquery Popup: http://jqueryui.com/dialog/

Смежные вопросы