2012-02-03 61 views
0

我正在用jquery中生成的div加載頁面。加載進行得很好,但桌子失去了它的風格。我試圖在加載的頁面,着陸頁上,甚至是表格​​上的內聯樣式上應用樣式。內聯樣式部分工作,如背景顏色,但文本不允許我更改字體類型,大小和重量。加載表動態丟失樣式規則

$('<div/>', { 
     id: 'newdiv', 
     }).appendTo('body'); 

$('#newdiv').load('combi/page.with.table.php'); 

表格被簡化了。 tr或td上沒有樣式。

<table style="font-size:x-large; font-family:'Courier New', Courier, monospace; text-align:right; background:#0F0" width="800" border="1" cellspacing="3" cellpadding="3"> 
    </table> 
+0

你有什麼樣式的'#newdiv'? – bfavaretto 2012-02-03 19:37:03

+0

我不知道風格中的混合引號是否會造成問題。如果從表格中刪除字體家族樣式會發生什麼? – j08691 2012-02-03 19:42:02

+0

我發現了罪魁禍首。我監督了加載表中標籤上的ID的正確命名。 O darn。在這裏休息的時間。 – Daniel 2012-02-03 20:25:30

回答

0

如果您使用樣式表來控制表的風格,確保樣式表是相對於加載頁面的路徑,而不是正在被加載的頁面英寸

+0

從加載的頁面開始腳本以啓動。我開始應用分散在這個地方的風格規則。最後我發現了我一直忽略的人類拼寫錯誤。 – Daniel 2012-02-03 20:36:56

+0

我想添加樣式在加載頁面的頭部分也做得很好。 – Daniel 2012-02-03 20:42:41

+0

我有完全相同的問題。而這個解決方案並沒有解決它。相關的CSS位於相對於主機頁面的路徑中。這絕對是在記憶中。但是,如果我使用'$(「#some-selector」)。append(newNode);'或$(「#someselector」)。load(「/ path/to/newNode.html」);''newNode '附加或加載,不需要已經加載的樣式......我發現我必須手動添加樣式,如$(「。loadedElement」).css('some-style','some-value' )'......有沒有人解決過這個問題? – Nutritioustim 2012-03-01 16:31:49