2013-07-22 91 views
-1

我是新手,jQuery Mobile的,現在我與表單元素的工作,我有寫下面的代碼:

jQuery Mobile的窗體的文本元素不能正確渲染

<div data-role="page"> 
    <div data-role="header"></div> 
    <div data-role="content"> 
     <input type="text" placeholder="Enter some text"/> 
     <input type="password" placeholder="Enter Password"/> 
     <input type="button" value="Login" /> 
    </div> 

</div> 


而設計上面的兩個不正確地呈現在輸入type.i不知道是什麼問題。
以下圖片顯示了上述代碼的輸出,在圖片中清晰地顯示了渲染視圖。


This is the design which is rendered while i run above code

+0

嗨!請就具體問題制定明確的問題,並且您更有可能獲得幫助。 [常見問題]中的更多詳細信息。 –

+0

謝謝@David Parsson。我的問題是,當我運行上面的代碼我無法得到正確的輸出,有額外的餘量添加在**輸入**類型,我不知道如何刪除額外的餘量和查看輸入文本框像[jqueryInputText] (http://jquerymobile.com/demos/1.2.0/docs/forms/textinputs/)這個jquery手機網站。 – anomepani

+1

這段代碼沒問題。我沒有看到任何問題。 http://jsfiddle.net/dima_k/NMSG6/你使用一些自定義的CSS? –

回答

0

@Dima庫茲米奇·我得到了我的答案。 其實我使用的是舊版本的jquery mobile css 1.2.0的版本,這就是爲什麼它會渲染上面的圖片設計。

但是當我使用最新版本的jquery mobile css 1.3.1那麼我的問題就解決了。
謝謝@Dima Kulmich。