2019独角兽企业重金招聘Python工程师标准>>> hot3.png

这两天工作中遇到一个很难办的问题,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();
     })
     })

转载于:https://my.oschina.net/u/261728/blog/96254

jsonSuggest插件如何在使用前激活相关推荐

  1. php bootstrap 分页 查询,深入了解Bootstrap table表格插件(二)前后端分页模糊查询...

    这篇文章主要为大家分享了Bootstrap table学习笔记,前后端分页模糊查询,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 在使用过程中,一边看文档一边做,遇到了一些困难的地方,在此记录一下 ...

  2. vim自动补全插件:YouCompleteMe使用前需要做的准备工作随手记录

    随手记录一下安装YCM过程中遇到的事情 安装curl,安装方法如下: sudo apt-get install curl Vim下安装Vim Plug: curl -fLo ~/.vim/autolo ...

  3. FCPX插件:视频降噪插件ProDenoise for Mac破解激活方法

    fcpx降噪插件prodenoise破解版是一款由Pixel Film Studios出品的fcpx视频降噪插件,适用于Mac版Final Cut Pro X.fcpx降噪插件prodenoise可以 ...

  4. [转] Firefox 24.0中的插件激活提示

    有不少Firefox用户为了禁止页面自动运行Flash,在附加组件里面把插件的运行方式改成了"询问是否激活",遇到需要观看的Flash视频时只需点击它就能运行了.这类似于Opera ...

  5. 前后端开发人员必备Chrome插件

    写在前面 Chrome算是世界上最广为流传的浏览器了,得益于它的简洁.快速.Chrome支持多标签浏览,每个标签页面都在独立的"沙箱"内运行,在提高安全性的同时,一个标签页面的崩溃 ...

  6. 我可以在不提供FTP访问的情况下安装/更新WordPress插件吗?

    我在实时服务器上使用WordPress ,该服务器仅通过SSH密钥使用SFTP . 我想安装和升级插件,但是看来您需要输入FTP登录才能安装插件. 有没有一种方法可以通过手动上传文件而不是让WordP ...

  7. 采用Reflector的VS.net插件断点调试无源码DLL 分类:

    .Net的编程利器Reflector可以反编译基于.net开发的应用程序和DLL,其功能强大不用多说.今天想试验一把利用VS.net的插件断点调试外部无源码的DLL(只要是程序集都可以,所以exe也行 ...

  8. Hbuilder中如何快速输入注释标签_vscode中20个让人眼前一亮的插件

    本文转载自知乎VS Code的口碑越来越好,受欢迎度也越来越高,以我为例,有时一个项目中可能会用到C++.Java.JS等不同编程语言,如果针对每一种语言都去安装一款对应的IDE,那样不仅会浪费很多时 ...

  9. 5 款让开发效率倍增的 VS Code 插件

    公众号关注 "GitHubDaily" 设为 "星标",每天带你逛 GitHub! 前言 VS Code 现如今已经成为一款炙手可热的开发工具,它以轻量化.功能 ...

最新文章

  1. jQuery Validate验证框架详解
  2. springbatch的writer、processor、reader复杂太难用?使用tasklet更方便!
  3. eclipse开发javaweb项目配置tomcat
  4. 深入浅出深度学习(四)概率统计基础
  5. 这 3 种 DDD 分层架构的模式,你掌握了么?
  6. 异常记录---Error creating bean with name ‘sqlSessionFactory‘
  7. 图片转化为base64编码python版本
  8. matlab figure函数_如何在Matlab中使用GUI做一个简易音乐播放器? ---- (六)控件间的数据传递...
  9. linux下安装配置laravel环境,linux下的laravel安装
  10. pythonsocket中tcp通信接收不到数据_通信中数据发生错误,接收方如何判决?检错码与纠错码必不可少...
  11. 简单计算机面试题库及答案_计算机面试常问问题及答案
  12. Sougou微信文章获取
  13. 模式识别技术是人工智能的基础技术,模式识别技术的发展潜力
  14. HTML5期末大作业:红酒销售网页网站设计——品牌红酒销售网页模板(4页) html网页设计期末大作业_网页设计平时作业
  15. 房屋租赁管理系统的设计和实现,SpringBoot计算机毕业设计论文
  16. 循环语句:for 语句详解
  17. Java | Java 入门学习路线
  18. 耦合中心游移和双权重因子的鲸鱼优化算法
  19. Python学习笔记之eval函数简析
  20. 创客学院9天C语言五

热门文章

  1. 《用Python进行自然语言处理》第 11 章 语言数据管理
  2. 卡特兰数(Catalan number)
  3. 宇宙和世界真的是虚拟的吗?
  4. 中文语言能力评测基准「智源指数」问世:覆盖17种主流任务,19个代表性数据集,更全面、更均衡...
  5. 《新一代城市大脑建设与发展》专家研讨会在京举办(新版)
  6. 当AI主播和人越来越像,我们该怎么办?
  7. 关于征集2020重大科学问题和工程技术难题的通知
  8. 法国公布“人机协同”项目第二批研究计划
  9. 牛津教授揭秘AI革命及其前沿进展
  10. 华为:5G技术前景堪忧,运营商将很难从5G赚钱