Почему содержимое, отображаемое в диалоговом окне 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 в родительскую страницу.