jQuery对话框-如何获取.ui-widget-shadow作为父元素？

Question

When you style your own jQuery theme here: http://jqueryui.com/themeroller/ you can see that the modal dialog box in the section "Overlay and Shadow Classes" has a shadow around it. In the source code it shows that the dialog is actually wrapped with another div that has the class ui-widget-shadow .

For me this shadow is never visible because the dialog is not wrapped with this div when it is being created. Does anybody know how to get jQuery dialog wrap the dialog in this element so the shadow is visible?

Answer 1

On the declaration of the dialog you just need to specify that class.

$(function () {
  $("#dialog").dialog({
    ...
    dialogClass: 'ui-widget-shadow'
  });
});