jQuery对话框不接受自定义CSS。

Question

对于我的生活，我无法使用我的对话框来创建自定义CSS类。

    function renderShowCriteria()
    {
        var myAccountNo = '@accountNo';
        var model = $('form').serializeArray();
        var url = "@Url.Action("GetCriteriaData", "Search")";

        $.ajax({
            url: url,
            type: 'POST',
            data: model,
            success: function (data) {
                var NewDialog = $(data);
                NewDialog.dialog({
                    modal: false,
                    position: ["left", "bottom"],
                    dialogClass: 'shawnTest',
                    buttons:
                     {
                         "Update": function () {$(this).dialog('destroy').remove(); renderShowCriteria(); },
                         "Run": function () { $('#CriteriaForm').submit(); },
                         //"Cancel": function () { $(this).dialog('destroy').remove(); }

                     },
                    close: function () {
                        $(this).dialog('destroy').remove();
                    }
                });
            }

        });
    }

我的CSS是

.ui-dialog .shawnTest {
    height:100%; 
    width: 500px;
}

我已经尝试了一切，但它不会接受我的CSS。