jquery ajax load() does not load internal css for webkit browsers

Question

The css part is totally not reflected in the output (for webkit only, others ok), it is as if no css was defined, javascript works tho...

Ajax call

    $("#output_area").load("abc.html");

abc.html sourcecode: (Angle brackets are omitted)

!DOCTYPE HTML
html
    head
        style type="text/css"

            css..
            css..
            css..

            NOT LOADED/REFLECTED IN THE OUTPUT

        /style
    /head
    body

        HTML...
        HTML...
        HTML...

        script type="text/javascript"

            JAVASCRIPT IS LOADED AND IT WORKS

        /script
    /body
/html

a quick smart guess: try putting that style block inside the body, i am assuming jquery's load function ignores the head block — lock, Sep 17 '10 at 01:06

score 1 · Accepted Answer · edited May 23 '17 at 12:18

1

Loading css rules dynamically in Webkit (Safari/Chrome)

edited May 23 '17 at 12:18

Community

1
1

answered Sep 17 '10 at 01:16

Steve

5,771
4
34
49

jquery ajax load() does not load internal css for webkit browsers

1 Answers1