如何將CSS應用到在jQuery對話框中打開的HTML頁面？

Question

我有一個包含所有div和CSS的HTML頁面，該頁面通過jQuery對話框顯示在ASPX頁面中。我已將CSS應用於ASPX頁面和HTML頁面，但CSS仍未應用。

我有以下代碼：

<script type="text/javascript"> 

    $(function() { 
     $('#Dialog').dialog({ 
      autoOpen: false, width: 800, height: 600, modal: true    
     }); 
    }); 


    $('.mosaic-overlay').live('click', function (e) { 
     var url = $(this).attr('href'); 

     alert(url); 

     $('#Dialog').html('').dialog('open').load(url); 

     //  .load(url); 
     e.preventDefault(); 
    }); 
</script> 

如何申請CSS到我的HTML頁面動態？

Answer 1

你可以讓你的CSS已經加載在頁面上。
調用load加載內容並將其設置爲元素的innerHtml。 您的網頁上的所有CSS規則將被應用。

或者，所需的CSS可能是您從url加載的html的一部分。
這些CSS規則將在您的內容顯示之前創建和應用。 這種方法會比在你的頁面中放置CSS要慢。

Answer 2

動態設置CSS，jQuery有一個css方法 - 在這裏看到...

http://api.jquery.com/css/