JQuery Mobile中的清除文本字段

Jquery mobile允許清除文本框中是否有任何plugin？我想要something like this JQuery Mobile中的清除文本字段

當我執行上面的演示時，十字按鈕出現在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>

來源

2012-02-01 Jay Mayu

你如何編寫代碼？給我們一段清晰的聲明代碼。 – Mike 2012-02-01 08:29:19

請發佈代碼 – Rafay 2012-02-01 08:29:30

沒有爲您的演示教程的所有代碼，你需要：

http://viralpatel.net/blogs/2011/02/clearable-textbox-jquery.html

就包括js file，將該類添加到所有輸入：

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

並運行它：

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

來源

2012-02-01 09:10:11 PiTheNumber

你有沒有考慮$("#textboxid").val('');？

編輯：回答第1'評論

正如你可以在你的例子看到你嘗試實際粘貼字段是包含2種元素的一個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>

來源

2012-02-01 08:29:53 Mike

我需要的文本框內的交叉框。 – 2012-02-01 08:43:15

這裏是一個DEMO因爲你還沒有發佈的代碼的我能想出

UPDATE

這裏最好是根據DEMO您的代碼，請注意，我已將</input>標記作爲其無效HTML刪除。

來源

2012-02-01 08:33:06 Rafay

我更新了我的jquery移動代碼。你能檢查一下嗎？ – 2012-02-01 08:41:56

@MayuMayooresan我已經更新了答案 – Rafay 2012-02-01 08:59:54

這是一個解決方案我c重複，在github檢查它有在您可以使用的頁面上的樣本。

來源