jquery autosuggestion關閉時單擊到處

-1

我有一個Jquery Autosuggest下拉列表。該功能運行正常。jquery autosuggestion關閉時單擊到處

現在我想當我點擊或點擊任何地方的顯示框必須保持顯示。因爲當自動建議搜索有鏈接時，我發現問題。該鏈接無法打開，因爲在點擊鏈接之前關閉下拉框。

這我的JS代碼至今：

$(document).ready(function(){ 
    $(".searchs").keyup(function() 
    { 
     var searchbox = $(this).val(); 
     var dataString = 'searchword='+ searchbox; 
     if(searchbox=='') 
     { 
     $("#display").hide(); 
     } 
     else 
     { 
      $.ajax({ 
       type: "POST", 
       url: "searchs.php", 
       data: dataString, 
       cache: false, 
       success: function(html) 
       { 
       $("#display").html(html).show(); 
       } 
      }); 
     } 
     return false; 
    }); 

     $(".searchs").blur(function(){ 
      $("#display").hide(); 
    }); 

    $(".searchs").focus(function(){ 
    var seachbox = $(searchbox).val(); 
    if(seachbox != '') 
    { 
     $("#display").show(); 
    } 
    }); 
});

有人有一個想法？

來源

2012-12-03 The Bijis

可以爲您提供的鏈接您正在使用的jquey autosuggest？ – krish

這可能重複： http://stackoverflow.com/questions/9149026/keep-ui-autocomplete-open-at-all-times [jQuery的下拉列表中隱藏的 –

可能重複時，鼠標懸停，並繼續搜索當回到鼠標懸停到文本框]（http://stackoverflow.com/questions/13657504/jquery-dropdown-hide-when-mouseover-and-continue-search-when-back-mouseover-to-t） – Alexander

這種方式繼續顯示自動完成結果列表：DEMO

$("#tags").autocomplete({ 
source: availableTags, 

close : function (event, ui) { 
    val = $("#tags").val(); 
    $("#tags").autocomplete("search", val).focus(); 
    return false; 
    } 
});

來源

2012-12-03 06:01:24

您的下拉框，關閉的原因是因爲當你取消選擇「searchs」類，你隱藏下拉框中。要解決這個問題，你可以嘗試一些不同的事情。

1：在 '搜索'類中放置下拉框（ID爲'display'的那個框）。這看起來應該沿着線：

<div id = "display" class = "searchs"></div>

2：在觸發您的$(".searchs").blur事件，執行$("#display").hide();檢查，如果新的焦點是你的顯示器的div之前：

$(".searchs").blur(function(){ 
    if($("#display").blur(function(){ //<--- if the new focus is not the display div, then hide display 
    $("#display").hide(); 
    } 
});

來源

2012-12-03 06:08:00

jquery autosuggestion關閉時單擊到處

回答

相關問題