2010-06-02 334 views
0

我的網頁有兩種顯示特定內容的方式。 1.加載頁面時,使用ASP Repeater生成項目(帶有錨點標記的圖像)。 2.當用戶執行一些Ajax操作時,圖像以JSON的形式返回,我使用jQuery創建一個& img標籤。jQuery創建img標籤和ASP.Net創建img標籤時的差異

在這兩種方法中,帶圖像的定位標記都以60px的寬度顯示。沒有應用CSS類。但奇怪的是顯示不一致。這裏是兩個顯示器: alt text http://img132.imageshack.us/img132/7528/38297001.gif

我想知道爲什麼會出現這種差異。我使用所有瀏覽器(IE,FF & chrome)檢查了這一點,並且所有瀏覽器的行爲都一樣。這裏是我的jQuery代碼:

$('<a>').attr({ href: '/Detail.aspx?id=' + result.it[i].pid, title: result.it[i].nam }) .html("<img src='" + result.it[i].url + "' title='" + result.it[i].nam + "' alt='" + result.it[i].nam + "' width='60px' />").appendTo("#SummaryDiv"); 

任何想法爲什麼會出現這種情況?我也檢查了在chrome和FF中應用於這些元素的css ..他們似乎擁有所有相同的CSS屬性。

回答

0

創建的標記是否相同?它是否有效(x)html?

在轉發器創建的圖像標記或錨點之間是否有空白區域?如果是,請將其移除。

+0

有趣..如何將正常的空白空間作爲中繼器中的空間?不應該忽略它? – 2010-06-02 12:01:02

+0

無論哪種方式..謝謝你的解決方案.. – 2010-06-02 12:04:21

+0

我很高興它的幫助。 的全部內容都會重複,空白也會被計算在內。 – marapet 2010-06-02 12:08:20