0

以下のシナリオがあります.1つの静的テキストボックスとボタンを使用して、動的テキストボックスを追加します。ユーザーがキーワードを入力すると、候補が表示されます [jquery autocomplete]。静的テキスト ボックスの場合、autocomplate 関数は document.ready にあり、動的テキスト ボックスの場合は "onkeypress" にあります。

動的テキストボックスでは、自動提案は正常に機能していますが、問題はフォーカスにあります。フォーカスが提案ドロップダウンに移動していません。

私は以下を試しました

 function getLocationList(id)
    {

      //  $('.autocomplete').css('background','none repeat scroll 0 0 #B9E5FB');

       $('.autocomplete').autocomplete({ autoFocus: true });//not working

    // Ajax Auto suggestion box.. stuff
      var optionsLocation, b;
      jQuery(function() {
      optionsLocation = { serviceUrl: '/App_Handlers/xxx.ashx',
      minChars: 2,
      delimiter: /(,|;)\s*/,
      deferRequestBy: 0, //miliseconds
      noCache: false,
      width: 300
      };
      b = $("#" +id).autocomplete(optionsLocation);
      });


    }

以下も試しましたが、動作しませんでした

    $('.autocomplete').focus();
            $('.jobCenterArea').blur();

助言がありますか

4

3 に答える 3

0

委任されたイベントに関する半関連の質問があります: Direct vs. Delegated - jQuery .on()

が非推奨になったことを考慮liveして、次を使用することをお勧めしonます。

$(document).on('focus', '.autocomplete', function(e) {
  //insert your code here for the event
});

documentこの場合、バインドできるのはそれだけではないことに注意してください。

于 2012-12-14T22:03:08.373 に答える
0

この問題は、ダイナミック テキスト ボックスを html ドキュメントに追加した直後に以下のコードを指定することで修正されます。

$('.autocomplete').autocomplete({ autoFocus: true });//not working

// Ajax Auto suggestion box.. stuff
  var optionsLocation, b;
  jQuery(function() {
  optionsLocation = { serviceUrl: '/App_Handlers/xxx.ashx',
  minChars: 2,
  delimiter: /(,|;)\s*/,
  deferRequestBy: 0, //miliseconds
  noCache: false,
  width: 300
  };
  b = $("#" +id).autocomplete(optionsLocation);
  });

i/p の皆さん、ありがとうございました

于 2012-12-17T15:49:12.277 に答える
0

$.live() のように使用します

  $('.autocomplete').live('focus', function(){
       // callback code here
  });
于 2012-12-14T21:44:22.837 に答える