2014-01-30 26 views
0

我一直在嘗試在幾個小時內找到此問題的解決方案。未正確應用CSS樣式以動態添加列表元素

我有一個列表,我正在使用JavaScript動態添加項目& Dojo庫。我用香草JS和Dojo做了它,所以我已經規定了這一點。

問題:當新列表項目被追加到當前列表中時,它們缺少其他元素所具有的某些CSS樣式。不是所有的,但像'白空間:nowrap'和邊緣的東西都關閉了。

代碼可以參考這裏:它在我的應用http://jsbin.com/omEJoBAf/2/

截圖:http://imgur.com/GRueGR4

+0

你可以用截圖說明問題嗎?當我嘗試演示並點擊「添加過濾器」時,我看到應用了所有相同的類和樣式。 – jprofitt

+0

你是說第二個「行」的項目是不是「包裝」的預期?原因'邊際'看起來很好...什麼瀏覽器? –

+0

我添加了一個截圖。它在所有瀏覽器中。這似乎與包裝有關,但以前添加的列表元素包裝很好,動態添加的元素是問題。 – Trendy

回答

2

所有你的CSS值相同翻過對象。至於我認爲你的問題是什麼,它與你的元素都是「內聯」的事實有關。代碼中存在以空格呈現的換行符,但動態添加的元素添加在同一行中,因此沒有空格。

夫婦可以做的事情。可能我會使用的修復方法是將li元素設置爲'display:block;向左飄浮'。您還可以在代碼中移除最初在頁面上呈現的所有li元素的換行符。

編輯:看到你的屏幕蓋後,我很積極,因爲他們是內聯。浮動em或刪除換行符將修復它。

+0

工作正常!謝謝!第二套眼睛總是有幫助,哈哈! – Trendy

相關問題