jQuery İletişim Kutusu içinde gösterilen içerik neden sıkışık?

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; 
      }); 
     }); 
    }); 

Bu kodu, çapa etiketinin href özniteliği tarafından bağlanan içeriği göstermek için kullanıyorum. Bu mükemmel çalışıyor! Ancak tek sorun, jQuery iletişim kutusunda görüntülendiğinde tüm bilgilerin sorta sıkışık olmasıdır.

Genellikle bir iletişim kutusunun içinde değilken, sayfa böyle görünüyor, istediğim gibi. http://awesomescreenshot.com/0983qpcad

Ancak bir iletişim kutusunun içine girdiğinizde buna benzer, sıkışık! http://awesomescreenshot.com/09c3qpf1b

jQuery iletişim kutusundaki seçenekleri açısından Eksik bariz bir şey var mı? Veya potansiyel düzeltmeler hakkında herhangi bir fikir? Şimdiden bir milyona şükür :)

Answer 1

CSS kurallarınızı kontrol edin - iletişim kutusundaki öğelere uygulanmadıklarını görüyoruz.

Tahmin ettiğim, stil sayfanızın $link.attr('href') tarafından başvurulan hedef sayfaya dahil edilmesidir. Ancak, sayfa içeriğini yüklemek için load kullandığınızda, stil sayfaları ve diğer içerik olmayan öğeler atılır. Ana sayfaya CSS eklemeniz gerekir.