如何将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可以是您从网址加载的html的一部分。
在显示内容之前，将创建并应用这些CSS规则。 这个方法比在你的页面中拥有CSS要慢。

Answer 2

要动态设置css，JQuery有一个css方法 - 请看这里......

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