javascript - jQuery 附加一个 CSS 并运行一个函数？

Question

我正在尝试将 CSS 文件附加到当前 HTML 页面，如下所示:

    var css = jQuery("<link>");
    css.attr({
      rel:  "stylesheet",
      type: "text/css",
      href: "http://domain.com/chron/css/jquery.gritter.css"
    });
    $("head").append(css);

下载 css 文件后，我想调用一个特定的函数。我想我会把函数调用放在 $('head').append(css); 行之后，但我不确定这是否能保证在调用之前先下载 css 文件功能。有人可以告诉我该怎么做吗？

Answer 1

如何通过 AJAX 检索并将其放置在 STYLE 元素中:

$.ajax( {
    url: 'http://domain.com/chron/css/jquery.gritter.css'
    dataType: 'text'
    success: function( data )
    {
        $( '<style>' )
            .attr( 'type', 'text/css' )
            .text( data )
            .appendTo( 'head' );

        yourFunction();
    }
} );