0

我正在研究ajax，我想在一个花哨的盒子里展示成功后的内容。我已经通过 jquery ui dialoge 做到了，但它的问题是我无法做到的覆盖。所以决定使用finish。

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');
        }
    });

}

或者如果有人可以使用对话在我的代码中设置覆盖，那么这也是一个不错的行为，因为我尝试了很多来自互联网的代码但没有运气。如果不可能，请告诉我如何设置精美的盒子。

4

2 回答 2

0

我刚刚尝试了您的代码，它对我有用。如果您特别看不到覆盖效果，例如所有其他内容的淡化，可能是因为您忘记将 jquery-ui .css 文件与 .js 一起包含

于 2013-10-27T14:51:06.923 回答
0

要在 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 文件

于 2013-10-27T18:29:15.770 回答