JQuery Mobile中的明文字段

JQuery Mobile中的明文字段,jquery,jquery-mobile,reset,Jquery,Jquery Mobile,Reset,是否有Jquery mobile的pluin允许清除文本框??我想要 当我实现上面的演示时,Jquery Mobile中的文本框中会出现交叉按钮 有人能帮我吗。谢谢你抽出时间 我现在的代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale

是否有Jquery mobile的pluin允许清除文本框??我想要

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

有人能帮我吗。谢谢你抽出时间

我现在的代码

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

文本框清除演示
© 2011年EyePax IT咨询
$(文档).ready(函数(){
$('#clearMe').clearable()
});

您是否考虑过
$(“#textboxid”).val(“”)

编辑:对第一条评论的回答

正如您在示例中看到的,尝试粘贴的字段实际上是一个DIV容器,它包含两个元素:输入文本字段和一个带有触发清除事件的链接的图像

代码如下:

<div id="sq" class="clearable style1 divclearable">
<input type="text" class="clearable style1" size="30">
<a class="clearlink" href="javascript:" title="Click to clear this textbox"></a>
</div>

这里有一个问题,因为您没有发布代码,这是我能想到的最好的问题

更新


以下是根据您的代码,请注意,我已删除了
标记,因为它不是有效的HTML。

有一个演示教程,其中包含您需要的所有代码:

仅包括,将类添加到所有输入:

<input type="text" id="clearMe" class="clearable" />

然后运行它:

<SCRIPT>
$(document).ready(function() {
    $('.clearable').clearable()
});
</SCRIPT>

$(文档).ready(函数(){
$('.clearable').clearable()
});

这是我创建的一个解决方案,请查看页面上的示例,您可以使用这些示例

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

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

data-clear-btn="true"
到您的输入控件(文本区域除外),将呈现一个清除按钮

见新文件:


希望它能帮助任何新的搜索者

如何编写代码?给我们一段代码和明确的声明。交叉框内的文本框我需要。