0

フェイスボックスにあるテキスト入力でオートコンプリートを使用する必要があります (特に、このプラグインhttp://scottreeddesign.com/project/jsuggestで試します)。しかし、ドキュメントの準備ができているので、機能しませんでした:

                $(document).ready( function(){              

                        /** suggest new Quid **/
                        $('#idInput').jSuggest({
                             default_text: 'Inserisci il quid',
                             terms_url:      'data.php'+'%input%',
                             limit: 10
                        });   

                        $('#idLink').live('click', function(e) {  jQuery.facebox("<input type='text' id='idInput' />") });
                });

しかし、最初は dom #idInput は存在​​しません。リンクをクリックしたときにのみフェイスボックスに表示されます。

手伝って頂けますか？なにか提案を？

ps プラグイン jsuggest は必要ありません。初めて見つけたものです。

4

2 に答える 2

2

解決策は、クリック イベントで jSuggest プラグインをバインドすることです。

 $('#idLink').live('click', function(e)
  {
    jQuery.facebox("<input type='text' id='idInput' />").jSuggest(
       {
          default_text: 'Inserisci il quid',
          terms_url:      'data.php'+'%input%',
          limit: 10
       });
  });

または多分もっと良い：

 $('#idLink').live('click', function(e)
  {
    $("<input type='text' id='idInput' />").jSuggest(
       {
          default_text: 'Inserisci il quid',
          terms_url:      'data.php'+'%input%',
          limit: 10
       }).facebox();
  });

編集:上記の解決策が機能しない場合は、これを試してください:

 $('#idLink').live('click', function(e)
  {
    $input = $("<input type='text' id='idInput' />");
    $input.jSuggest(
       {
          default_text: 'Inserisci il quid',
          terms_url:      'data.php'+'%input%',
          limit: 10
       });
    $input.facebox();
  });

とにかく、jquery-ui のautocompleteを使用することをお勧めします。

于 2011-02-10T10:08:24.263 に答える
0

これは私が試した解決策であり、うまくいきます!! ありがとうございます！

このプラグインを使用しました: http://www.pengoworks.com/workshop/jquery/autocomplete.htm

               $(document).ready( function(){              

                        $('#idLink').live('click', function(e) {  

                            jQuery.facebox("<input type='text' id='idInput' />") });

                            /** suggest **/
                            $('#idInput').jSuggest({
                                default_text: 'default text here',
                                terms_url:      'data.php'+'%input%',
                                limit: 10
                            });   
                        });
于 2011-02-10T13:54:21.043 に答える