adding css file with jquery

Question

I am creating a popupwindow and I want to add a css file to that popupwindow. Below is the code for popupwindow. I have a JavaScript which creates a popupwindow.

<a href="popupwindowcontent.xhtml" title="Print" class="popupwindow">Print1</a> 

Now I want to add a css file to this popupwindow. I tried something like

$('.popupwindow').append('<link rel="stylesheet" href="css/style2.css" type="text/css" />');    $('head').append('<link rel="stylesheet" href="css/style2.css" type="text/css" />'); 

but it doesn't work.

Answer 1

$('head').append('<link rel="stylesheet" href="style2.css" type="text/css" />'); 

This should work.

Answer 2

This is how I add css using jQuery ajax. Hope it helps someone..

$.ajax({             url:"site/test/style.css",             success:function(data){                  $("<style></style>").appendTo("head").html(data);             }         })