Question

我是JQuery Mobile和Javascript的新手，所以我试图通过做一个项目来学习它。我正在使用JQuery mobile设计一个Web应用程序，我需要一些文本输入。在JQuery文档中，有一些文本输入示例在单击时会出现蓝色光环，当鼠标移开时，蓝色光晕也会消失。我复制了提供的代码，但我的文本框没有相同的效果。然后我尝试检查文档中的元素，我意识到当单击文本框时，文本输入元素获得了一个名为“ui-focus”的属性。这是怎么做到的？

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script type="text/javascript" src="jquery.mobile-1.4.0/jquery.mobile-1.4.0.min.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <link rel="stylesheet" href="jquery.mobile-1.4.0/jquery.mobile-1.4.0.min.css" />
    <link rel="stylesheet" href="jquery.mobile-1.4.0/jquery.mobile.structure-1.4.0.min.css" />
</head>

<body style class="ui-mobile-viewport ui-overlay-a">

    <div role="main" class="ui-content">
        <label for="basic">Email:</label>

        <div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset">
            <input type="text" name="name" id="basic" value=""/>
        </div>

        <label for="basic">Password:</label>

        <div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset">
            <input type="text" name="name" id="basic" value=""/>
        </div>
    </div>
</body>

Answer 1

您已复制呈现的HTML代码。 JQM使用div包装input以使其焕然一新。您不必添加任何额外的代码，只需添加input标记，JQM将负责其余的工作。

<input type="text" />

JQuery Mobile文本输入不集中

1 个答案: