jQuery：將嵌入元素插入DOM

Question

我在使用jQuery將內聯元素插入到DOM中時遇到了一些問題，因爲它被解釋爲塊元素。

下面是一個例子：http://jsfiddle.net/THS8s/

Answer 1

如上所述，螢火蟲顯示爲「內聯」的顯示狀態。雖然我也不太清楚到底爲什麼你的例子表現事情是這樣的，一個可能的解決方法是在您的標記空白佔位跨度：

<dl id="first"> 
    <dt>Title</dt> 
    <span>&nbsp;</span> 
    <dd><a href="#">Click Me</a></dd> 

    <div class="clear"></div> 
</dl> 

添加額外的跨度與此標記到位不似乎遭受同樣的問題（至少不是在Chrome中）。

也許你最好總是包括「加載圖標」範圍，但預設爲顯示：隱藏，只顯示需要的地方。

Answer 2

用於DL元素的內容模型是：

零個或多個組，每個組由一個或多個DT元件 接着是一個或多個DD元件。

來源：http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#the-dl-element

你不能把DIV的和SPAN在那裏...