jsonSuggest插件如何在使用前激活

這兩天工做中遇到一個很難辦的問題,jsonSuggest插件問題。我從前臺輸入數據,從後臺也查出來了,但是jsonSuggest前臺卻不展現,直到我再敲擊一下鍵盤才顯示。也就是說我以前沒有激活它,但是如何激活,到如今我也不知道。麻煩哪位大神指導一下。
源碼以下:
html:
<div id="firDiv" style="z-index:700;position: absolute; top:32px ;right: 258px;">
      <input type="text" style="height:auto;size:30px;font-size:17px;" id="suggestBox" class="a"/>
    <select id="typeID" style="height:auto;font-size:17px;">
     <option value="kh">客戶</option>
     <option value="sq">申請書</option>
     <option value="ht">合同</option>
     <option value="pz">憑證</option>
    </select>
    <input type="button" value="檢索" id="search" style="background:green;border:none;height;20px;width:50px;"/>
    </div>
js:
var suggestBox; //考慮到不少函數中都要使用
   var sugStr="kh";//判斷傳給後臺的是哪一個種類默認是客戶類
   var keyStr;//要傳入後臺的字符串
   var typeId;//種類id
   var listDiv;
   var obj;
   var data;
   var firstStr;
   var testData = {};
   function initVars(){
    //初始化變量
    suggestBox = $("#suggestBox");
   }
   /*清除div的值*/
   function emptySuggest(){
    $("#suggestBox").empty();
   }
   /*清除div的值*/
   function clearSuggest(){
    //$("#popup").empty();
   }
   /*清除suggestBox的值*/
   function clearBox(){
    if($("#suggestBox").val().substring(0,3)=="請輸入"){
     $("#suggestBox").val("");
    }
   }
   /*調用後臺*/
     function returnKey() {
     
       initVars();
       $("#suggestBox").removeClass("inpshow");
      if($.trim(suggestBox.val()).length >1){
       jQuery.ajax({
       url:"${sessionScope.basePath}/searchKey.do?method=searchKey",
       datatype:"html",
       data:getStr(),
       type:"POST",
       cache:false,
       success: function(data){
        firstStr = $.trim(suggestBox.val());
        emptySuggest();
        testData.webSites = $.parseJSON(data);
        obj=$.parseJSON(data);
        testData.webSitesJSON = JSON.stringify(testData.webSites);
       // alert("testData.webSitesJSON:"+testData.webSitesJSON);
        $("#suggestBox").show().jsonSuggest(testData.webSitesJSON,{
       maxResults:8,
       minCharacters: 0,
       onSelect:getSelects
         });
       },
       error:function(){
        alert("出錯!");
       }
      })
      } else {
      }
     
     }
     $(document).ready(function() {
      $("#search").bind("click",function(){
       $("div.jsonSuggestResults").hide();
        document.getElementById('indexiframe').src='${sessionScope.basePath}/jsp/sm/ued/search/listdata.jsp';
    })
     })
     /*點擊下拉框選項執行的動做*/
     function getSelects(){
    $("div.jsonSuggestResults").remove();
   // alert($("div.jsonSuggestResults").length);
    $("div.jsonSuggestResults").hide();
    testData.webSitesJSON = {};
      }
     /*傳給後臺的參數*/
     function getStr(){
         keyStr =encodeURI(encodeURI($.trim($('#suggestBox').val())));
      return keyStr= "keyStr="+keyStr+"&sugStr="+sugStr;
     }
     /*初始化綁定*/
     $(document).ready(function() {
         
       $("#suggestBox").keyup(function(event){
        if(event.keyCode == 8){
         $("div.jsonSuggestResults").remove();
         }
                   returnKey();        }        )       }      );     $(function(){      $("#suggestBox").focus(function(){          clearBox();      })      })
相關文章
相關標籤/搜索