如何将 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，JQuery 有一个 css 方法 - 看这里...

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

Answer 2

您可能已经在页面上加载了您的 CSS。
调用load 加载内容并将其设置为元素的innerHtml。 将应用您页面上的所有 CSS 规则。

或者，所需的 CSS 可以是您从 url 加载的 html 的一部分。
这些 CSS 规则将在您的内容显示之前创建和应用。 这种方法会比已经在您的页面中包含 CSS 慢。