在飞行中显示fancybox中的ajax内容

我正在研究ajax，我想在一个精美的盒子里成功地展示内容。 我已经通过jquery ui dialoge完成了它，但它的问题是叠加，我无法做到。 所以决定使用完成。

function showCustomer() { // fire off the request to ajax_stufflist.php request = $.ajax({ url: "ajax_stufflist.php?"+url, type: "post", success: function(data){ var $response = $(data).find("#gmp_stuff").html(); $("#user_responses").html($response); $(function() { $( "#user_responses" ).dialog({ modal: true, buttons: { Ok: function() { $( this ).dialog( "close" ); } } }); }); }, error:function(){ alert("failure"); $("#user_responses").html('error occured'); } }); } 

或者，如果有人可以使用dialoge在我的代码中设置叠加，那么这也是一个很好的行为，因为我尝试了很多来自互联网的代码，但没有运气。 如果它不可能那么告诉我如何设置花式盒子。

Answer 1

我刚试过你的代码，它对我有用。 如果你没有看到叠加效果，比如淡化所有其他内容，可能是因为你忘了包含jquery-ui .css文件和.js

Answer 2

要在fancybox中打开您的回复，请尝试

 function showCustomer() { // fire off the request to ajax_stufflist.php request = $.ajax({ url: "ajax_stufflist.php?" + url, type: "post", success: function (data) { var $response = $(data).find("#gmp_stuff").html(); $("#user_responses").html($response); // show user response in fancybox $.fancybox({ // fancybox API options here href: "#user_responses" }) /* $(function () { $("#user_responses").dialog({ modal: true, buttons: { Ok: function () { $(this).dialog("close"); } } }); }); */ }, error: function () { // or show error in fancybox // alert("failure"); $.fancybox("Failure: error occured"); //$("#user_responses").html('error occured'); } }); } 

假设您已正确加载fancybox js和css文件