2013-01-19 41 views
-1

由於某種原因,這段代碼將無法正常工作。它拒絕在頭部放置meta標籤。有任何想法嗎 ?jquery追加到<head>不起作用

<html> 
<head> 
<title>hello world</title> 
</head> 

<body> 
HELLO WORLD! 

<script src="http://code.jquery.com/jquery-latest.min.js"></script> 

<script> 
$(document).ready(function(){ 
    $("head").append("<meta blabla>"); 
}); 
</script> 

</body> 
</html> 
+3

追加到?看起來像一個糟糕的設計理念開始。這應該做服務器端 – frenchie

+0

是的,你的代碼工作! – jtheman

+0

爲什麼要添加一個meta標籤與document.ready?爲什麼不直接放在那裏,我錯過了什麼? – Dyn

回答

-1

它實際上在工作。如果您查看源代碼,它將不會顯示,因爲源代碼是原始HTML文件。例如,如果嘗試將字符串附加到主體,則會顯示,但是,如果查看源代碼,則主體中沒有字符串的跟蹤。

<script> 
$(document).ready(function(){ 
    $("body").append("random sentence");}); 
</script> 
+2

這是因爲視圖源查看源代碼,它在最初加載時是靜態的,但是檢查器查看當前渲染的DOM。 – msanford

2

它的工作,http://jsfiddle.net/LGnxg/

$(function(){ 
    $('head').append('<meta test="true"/>'); 
}); 

你錯過了關閉/>的元標記。這表明jQuery這是一個要插入的元素。

0

代碼在我的計算中正確運行。

我的測試環境是以下幾點:
系統:Vista的窗口
瀏覽器:鉻& &火狐
的Jquery:jQuery的1.8.3.min.js

所以你能提供更多的信息?