2016-07-25 3 views
0

jqueryの-UIバージョン1.11.4jqueryの-UIのオートコンプリートが

とき、内側のdiv掛軸左私はjsfiddle https://jsfiddle.net/99uas7dq/1/

<html> 
    <head>...</head> 
    <body> 
    <script> 
    var availableTags = [ 
     "test1", 
     "test2", 
     "test3" 
    ]; 
    $(function() { 
     $("input[id*='_text']").autocomplete({ 
      source: availableTags, 
      minLength: 1, 
     });    
    }); 
</script> 
<p>this text is outside the scrollable div</p> 
<div style="height:200px;overflow-y:scroll;"> 
    <p>test 1</p><p>test 1</p><p>test 1</p> 
    <p>test 1</p><p>test 1</p><p>test 1</p> 
    <p>test 1</p><p>test 1</p> 
    <input type="text" id="demo_text" name="demo_text" /> 
    <p>test 1</p><p>test 1</p><p>test 1</p> 
    <p>test 1</p><p>test 1</p> 
</div> 
<p> this text is also outside the scrollable div</p> 

に一緒にして、基本的には、内側スクロールのdivを、置きますテキスト入力。下にスクロールしてテキストボックスを表示させてから、「te」と入力してオートコンプリートリストを取得し、マウスをテキストボックスの外に移動してマウスホイールでスクロールすると、オートコンプリートリストが孤立して残ります吊るす。

スクロール可能なdivにスクロール可能なdivに含まれていなかった場合と同じように、オートコンプリートを破棄するか、入力とともに移動させるにはどうすればよいですか?

ありがとうございました。

答えて

0

jsfiddleを小さなコードで更新しました。あなたが望むことができたら教えてください。

 $(".scrollable").scroll(function() { 
      $(".ui-autocomplete").hide(); 
     }); 
+0

作品を完璧に:私が行っている何

はすなわちスクロール時にヒントテキストを非表示にすることです。ありがとう。 – cdturner

関連する問題