CSS不應用於Javascript創建元素

我使用JQuery .html（）函數在我的頁面上插入字段。這些字段有一個類屬性，但它看起來像在頁面的標題部分聲明的CSS不適用於該元素。CSS不應用於Javascript創建元素

我相信它只是影響類選擇器，因爲我有一個#editZone輸入選擇器，它像一個魅力一樣工作。

下面是一個代碼示例：

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> 
<style type="text/css"> 
    #editZone input, #editZone textarea, #editZone select{ 
     border:0px; 
    } 

    #editZone .dependant { 
     background-color:#CCC; 
     border-bottom:1px solid #333; 
    } 
    #editZone .original { 
     background-color:#FFF; 
     border-bottom:1px solid #300; 
    } 
</style> 

</head> 
<body> 

    <div id="headZone"> 
     Template: 
     <select id="template"> 
     </select> 
     <input type="button" id="generateTpl" value="Go" /> 
    </div> 
    <div id="editZone" style="background-color:#ccc;">content will be filled here upon template selection</div> 
    <div id="previewZone">final</div> 
</body> 
</html>

下面是內容樣品（來自螢火蟲）：

<div style="background-color:#ccc;" id="editZone"><br> 
<br> 
Name - <input type="" class="original" value="" name="first_name" id="first_name_1"> <input type="" class="original" value="" name="last_name" id="last_name_1"><br> 
Title<br> 
...

來源

2012-11-16 FMaz008

問題是關於jQuery，但你不顯示你的jQuery代碼？ –

適合我。 http://jsfiddle.net/tomprogramming/yka2w/ –

那麼考慮到內容確實填充，我不想用JavaScript代碼工作的問題... – FMaz008

你應該關閉的html標籤，我認爲它應該工作即可。關閉標籤，如"<tagname />"或"<tagname></tagname>"。我的意思是輸入，br和所有打開的標籤都沒有關閉。

希望它有幫助。

乾杯

來源

2012-11-16 21:06:29 Rikki

''，'
'，和許多其他標籤不必關閉。自閉標籤在HTML5中沒有意義。 – Pointy

感謝您提及@Pointy，但我認爲答案未被標記爲HTML5。我對嗎？ – Rikki

它頂部有HTML5 DOCTYPE :-) – Pointy

在樣式聲明中，我在類名和{之間有一個奇怪的空間。

來源

2012-11-16 23:11:15 FMaz008

CSS不應用於Javascript創建元素

回答

相關問題