为什么 jQuery 对话框中显示的内容有点拥挤？

Question

 $(document).ready(function() {
        $('.something').each(function() {

            var $link = $(this);

            $link.click(function() {

                var $dialog = $('<div></div>')
                .load($link.attr('href'))
                .dialog({
                    autoOpen: false,
                    title: "Edit Book",
                    width: 'auto',
                    height: 'auto'
                });

                $dialog.dialog('open');

                return false;
            });
        });
    });

我有这段代码来显示由锚标记的 href 属性链接的内容。这非常有效！但唯一的问题是所有信息在 jQuery 对话框中显示时都有点拥挤。

通常，当不在对话框内时，页面看起来像这样，就像我想要的那样。 http://awesomescreenshot.com/0983qpcad

但是当在对话框内时，它看起来像这样，狭窄！
http://awesomescreenshot.com/09c3qpf1b

关于 jQuery 对话框中的选项，我是否缺少任何明显的内容？或者关于潜在修复的任何想法？预先感谢一百万:)

Answer 1

检查您的 CSS 规则 - 它们似乎没有应用于对话框中的元素。

我的猜测是您的样式表包含在 $link.attr('href') 引用的目标页面中。但是，当您使用 load 加载页面内容时，样式表和其他非内容元素将被丢弃。您需要在父页面中包含 CSS。