2012-05-10 8 views
0

カスタムjQuery Mobile自動入力ボックス(プラグインを使用しない)を作成しています。テキストボックスリスト(テキストフィールド内にテキスト以外の要素を表示する、例については、Facebookのテキストボックスのタグ付けを参照してください)。私はこれにどのように接近するかに関する情報を見つけることができませんでした。誰かがjQuery Mobileの入力ボックスにテキスト以外の要素を表示する方法について私に何か指摘できますか?テキストボックスjQueryモバイルテキストボックスの一覧

答えて

0

リストビュー形式で写真を置くことができます。自動完成のようなものがあり、そこにある写真から選択する項目のリストビューが表示されますか?このことができます

Jquery-Mobile Listview

希望:

ここでの可能なリストビューのすべてのタイプのリンクがあります。また、jQueryのモバイルリストビューを動的にすでに組み込まれて結果をフィルタリング自動検索バーがあります!

あなたのコメントに応じて、オートコンプリートの提案を配列に格納する必要があるようですが、これはおそらく一部のリクエストで動的に埋め込まれる可能性があります。 jquery UIサイト:

<script> 
     $(function() { 
      var availableTags = [ 
       "ActionScript", 
       "AppleScript", 
       "Asp", 
       "BASIC", 
       "C", 
       "C++", 
       "Clojure", 
       "COBOL", 
       "ColdFusion", 
       "Erlang", 
       "Fortran", 
       "Groovy", 
       "Haskell", 
       "Java", 
       "JavaScript", 
       "Lisp", 
       "Perl", 
       "PHP", 
       "Python", 
       "Ruby", 
       "Scala", 
       "Scheme" 
      ]; 
      $("#tags").autocomplete({ 
       source: availableTags 
      }); 
     }); 
     </script> 



    <div class="demo"> 

    <div class="ui-widget"> 
     <label for="tags">Tags: </label> 
     <input id="tags"> 
    </div> 

    </div><!-- End demo --> 



<div class="demo-description" style="display: none; "> 
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.</p> 
<p>The datasource is a simple JavaScript array, provided to the widget using the source-option.</p> 
</div><!-- End demo-description --> 

これは役に立ちますか?あなたはここでそれをより多くのを見ることができます:http://jqueryui.com/demos/autocomplete/

こちらをご覧長い答えをご行き詰まらするだけでなく、オートコンプリートが写真に撮るように強化することができます申し訳ありません

http://jqueryui.com/demos/autocomplete/#custom-dataすると私はあなたがしているものの線に沿ってことができると思いました探している。

+0

ご返信ありがとうございますが、私が探しているものに対処できません。私は実際にこの写真のようにテキストフィールドの中にグラフィックアイテムを表示しようとしています:http://wharsojo.files.wordpress.com/2008/02/jquery_acfb_sc_shoot2.png –

+0

私はまだイメージについてはわかりませんが、ここではjquery UIのオートコンプリート・ウィジェットはjquery mobileでうまく動作するので、スタートになる可能性があります。http://forum.jquery.com/topic/autocomplete-widget-with-jquery-mobile – scrineym

+0

良い提案。私は現在実装している、ドキュメントは非常に限られているが、テキストボックスに表示されるものを制御する方法を考え出していない。 –