2011-05-06 140 views
0

我正在使用一個不允許我編輯源代碼的平臺。有沒有辦法在head元素中動態插入一行?也許類似下面...有沒有辦法appendTo頭?

$("<link href='http://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet'>").appendTo("head") 

回答

1

是的,.appendTo()因爲你有它應該工作得很好。除了這一個:

$('head').append("<link href='http://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet'>"); 

但這裏是我怎麼會寫:

$('head').append(
    $('<link/>', { 
     href: 'http://fonts.googleapis.com/css?family=News+Cycle', 
     rel: 'stylesheet' 
    }) 
); 
+0

啊哎呀,我有沒有去首先嚐試的東西從手中再次懷疑自己。謝謝你的幫助! – J82 2011-05-06 09:04:40

+0

出於好奇,你爲什麼要像你這樣寫呢?這只是一種更優雅的方式嗎? – J82 2011-05-06 09:11:51

+0

@ J82,是的,我覺得它更優雅,而且這種方法還具有確保DOM元素正確形成並且引號和雙引號不混合的優點。我嘗試避免在使用DOM樹時使用字符串。 – 2011-05-06 09:13:21

0

試試這個...

$("head").append("<link href='http://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet'>")