Jquery mobile 空格键赢了'；t在jquery移动文本输入类型中使用空格_Jquery Mobile

Jquery mobile 空格键赢了'；t在jquery移动文本输入类型中使用空格

jquery-mobile

Jquery mobile 空格键赢了'；t在jquery移动文本输入类型中使用空格,jquery-mobile,Jquery Mobile,有没有人遇到过在jquery mobile中使用文本输入类型时无法键入空格的问题代码：评论您的评论：试试这个简单的例子（在iPhone 5上测试），它使用了目前最新版本的jQuery Mobile（1.2.0），并告诉我这是否有效： <html> <head> <meta name='viewport' content='minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-s

有没有人遇到过在jquery mobile中使用文本输入类型时无法键入空格的问题

代码：


评论
您的评论：

试试这个简单的例子（在iPhone 5上测试），它使用了目前最新版本的jQuery Mobile（1.2.0），并告诉我这是否有效：

<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>


标题
我的内容
页脚
评论
您的评论：

您应该获得以下信息：

尝试在输入文本框中键入空格：

然后，单击按钮

打开对话框

，这将引导您进入对话框（您提供的代码），并尝试在对话框的输入文本框中输入空格：

我希望这对你有用。无论如何，让我知道你的结果，伙计。

当然，只是添加了它，现在就这些。你使用哪种浏览器？另外，你能提供你的HTML标题吗？我在android和iOS Safari上的默认web浏览器中得到了这个问题。你的浏览器有什么版本？从您正在使用的浏览器中，您可以在的联机示例中输入空格吗？我不知道如何检查，但令人恼火的是，我可以在上面输入空格，因此这肯定意味着它的自我实现我似乎仍然存在空格键问题，非常奇怪。

<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>