JQuery Mobile中的明文字段

Jay*_*ayu 2 jquery reset jquery-mobile

Jquery移动有没有任何插件可以清除文本框?我想要这样的东西

当我实现上面的演示时,交叉按钮出现在Jquery Mobile的文本框中.

someomne可以帮助我.谢谢你的时间.

我的代码截至目前

<!DOCTYPE html> 
<html> 

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title></title> 

    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
    <script type="text/javascript" src="jquery.clearable.js"></script>
    <link rel="stylesheet" href="jquery.clearable.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />


</head> 

<body> 

<div data-role="page">

    <div data-role="header">
        <h1>Textbox Clear Demo</h1>
    </div><!-- /header -->
    <div id="content">
    <input type="text" id="clearMe"></input>

    <input type="text" id="clearYou"></input>
    </div>


    <div data-role="footer">
        <small>&#169; 2011 EyePax IT Consulting</small>
    </div><!-- /footer -->



</div><!-- /page -->
<SCRIPT>
$(document).ready(function() {
    $('#clearMe').clearable()
});
</SCRIPT>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Jim*_*mXC 14

老问题,但今天有人问我这件事.

从JQuery Mobile 1.3.0开始,您只需添加:

data-clear-btn="true"
Run Code Online (Sandbox Code Playgroud)

输入控件(textarea除外),将呈现一个清除按钮.

请参阅新文档:http: //jquerymobile.com/demos/1.3.0-beta.1/docs/forms/textinputs/#

希望它可以帮助任何新的搜索者!