空格不會在jQuery的移動文本輸入類型

有沒有人遇到不neing能夠在輸入空間的問題，使空間空格不會在jQuery的移動文本輸入類型

代碼：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta name="apple-mobile-web-app-capable" content="yes"> 
    <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.2.0-beta.1/jquery.mobile-1.2.0-beta.1.min.js"></script> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-beta.1/jquery.mobile-1.2.0-beta.1.min.css"/> 
    <link rel="stylesheet" type="text/css" href="mobile-css.css"/> 
</head> 
<body> 
<div data-role="dialog" data-theme="d"> 
    <div data-role="header" data-theme="d"><h5 style="margin: 0.6em 10% 0.5em;">Comment</h5></div> 
    <div id="" data-role="content" data-theme="d"> 
     <label for="txtComment">Your Comment:</label> 
     <input type="text" id="txtComment" data-theme="d"> 
    </div> 
    <div data-role="footer" data-theme="d"> 
     <a href="#" data-role="button" data-mini="true" data-inline="true" data-transition="fade" 
      class="cancelButton" data-theme="c" data-rel="back">Cancel</a> 
     <a href="#" data-role="button" id="btnSave" data-theme="d">Save</a> 
    </div> 
</div> 
</body> 
</html>

來源

2012-10-10 VikingGoat

嗨！你能顯示你的代碼嗎？ – Littm

當然，只要加上它，那就是現在所有的。 – VikingGoat

您正在使用哪種瀏覽器？另外，你能提供你的HTML頭文件嗎？ – Littm

試試這個簡單的例子，它採用了最新版本的jQuery Mobile的此刻（1.2.0）（在iPhone 5進行測試），並讓我知道，如果這個工程：

<html> 
<head> 
    <meta name='viewport' content='minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no' /> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" /> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 

</head> 

<body> 

    <div data-role="page"> 
     <div data-role="header" data-position="fixed"> 
      <h1>HEADER</h1> 
     </div> 

     <div data-role="content"> 
      <h1>my content</h1> 
      <input type="text"/> 
      <a data-role="button" href="#mydialog" data-rel="dialog">OPEN DIALOG</a> 
     </div> 

     <div data-role="footer" data-position="fixed"> 
      <h1>FOOTER</h1> 
     </div> 
    </div> 

    <!-- YOUR DIALOG --> 
    <div data-role="dialog" data-theme="d" id="mydialog"> 
     <div data-role="header" data-theme="d"> 
      <h5 style="margin: 0.6em 10% 0.5em;">Comment</h5> 
     </div> 
     <div id="" data-role="content" data-theme="d"> 
      <label for="txtComment">Your Comment:</label> 
      <input type="text" id="txtComment" data-theme="d"> 
     </div> 
     <div data-role="footer" data-theme="d"> 
      <a href="#" data-role="button" data-mini="true" data-inline="true" data-transition="fade" 
       class="cancelButton" data-theme="c" data-rel="back">Cancel</a> 
      <a href="#" data-role="button" id="btnSave" data-theme="d">Save</a> 
     </div> 
    </div> 

</body> 
</html>

你應該得到如下：

嘗試在輸入文本框中鍵入空格：

然後，點擊按鈕OPEN DIALOG，這將導致你到您的對話框（您提供的代碼），並嘗試在對話框的輸入文本框中輸入空格：

我希望這會對你有用。無論如何，讓我知道你的結果伴侶。

來源

2012-10-10 04:32:02 Littm

我似乎仍然有空格問題，所以很奇怪。 – VikingGoat

空格不會在jQuery的移動文本輸入類型

回答

相關問題