2011-06-27 64 views

回答

0

添加的高度,以你的頭數據角色股利和刪除BR。

<div data-role="page" id="page1" data-theme="a"> 
    <div data-role="header" style="background-color:#414141; background-image:none;height:80px"> 
     <a href="index.html"><img src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" width="100%" id="headerImage"/></a> 
    </div> 
</div> 

當你周圍添加圖像jQuery Mobile的鏈接添加了一些類(UI-BTN-左UI-BTN UI的BTN-角所有UI陰影UI的BTN-UP-A)到錨標籤。

+0

好的,有沒有辦法使用jquery mobile去除pageload上的所有類? – Ashley

+0

我不知道你是否一定想這樣做。我認爲,新加的高度解決您的問題。你看看[jQuery移動文檔 - 標題欄](http://jquerymobile.com/test/docs/toolbars/docs-headers.html#/test/docs/toolbars/docs-headers.html)? – xanderer

+0

我期待有在顯示的話將沒有jQuery Mobile的,沒有多餘的邊框或留白......只是一個形象 – Ashley

2

只需用其他東西替換data-role="header"即可。

6

找到一個更好的答案在這裏:How can i stop jQuery mobile to apply styles to my specific form elements

jQuery Mobile的會忽略其數據角色屬性設置爲none元素。因此,你可以簡單地這些屬性添加到您的標記:

<a href="/" data-role="none"><img src=""></a> 
+0

這完全是答案。數據角色=「無」刪除所有的jQuery加價在但允許你仍然使用的DIV。感謝andybak數據角色=「頭」。 – sonjz

+0

它仍然增加了一些標籤對我來說。我不得不添加類=「無」將其刪除。 – jkrishnavs

3

我用data-role="none"這爲我工作!

+1

偉大的作品,謝謝! – Justin