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。

为什么jQuery对话框里面显示的内容有点局促？

1 个答案: