JQuery Mobileのクリアテキストフィールド

テキストボックスをクリアすることができるJqueryモバイル用のプラグインはありますか？私が欲しい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

コード – Rafay

あなたが必要とするすべてのコードを使用してデモのチュートリアルがあります：

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コンテナがありますクリアイベントをトリガーするリンク。ここ

コード：あなたはここで私は

UPDATE

を考え出すことができる最高はDEMOがに従ってあるコードを投稿していないので、ここで

<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

のクロスボックスをテキストボックスの中に入れてください。 –

がDEMOですあなたのコードは、有効なHTMLとして</input>タグを削除したことに注意してください。

出典

2012-02-01 08:33:06 Rafay

jqueryモバイルコードを更新しました。チェックしていただけますか？ –

@MayuMayooresan私は答えを更新しました – Rafay

ここに解決策がありますあなたが使用できるページにサンプルがあります。githubにチェックしてください。

出典

2013-01-15 14:38:39