首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我的typeahead.js在ajax调用时不显示菜单?

typeahead.js是一个用于实现自动完成和建议功能的JavaScript库。当使用typeahead.js时,有时会出现在ajax调用时菜单不显示的问题。这个问题可能有多种原因导致,下面列举几种可能的原因和解决方法:

  1. 数据格式不正确:typeahead.js对返回的数据格式有要求,通常要求返回一个包含建议项的数组。请确保你的ajax调用返回的数据格式正确,并且与typeahead.js的要求一致。
  2. 数据加载时间过长:如果ajax调用返回的数据量很大,或者网络延迟较高,可能会导致菜单加载时间过长而不显示。可以通过优化ajax请求或者减少返回数据的数量来解决这个问题。
  3. 错误处理:在ajax调用过程中,如果发生了错误,可能导致菜单不显示。你可以在typeahead.js的配置中添加error回调函数来处理错误,并给出相应的提示。
  4. 样式问题:菜单的显示可能受到样式的影响。请确保你的样式表正确引入,并且没有对菜单的显示做出隐藏或覆盖的样式设置。

需要注意的是,以上解决方法可能不适用于所有情况,具体问题需要根据实际情况进行分析和调试。如果以上方法都不能解决你的问题,建议查看typeahead.js的官方文档或者在相关的开发社区寻求帮助。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jQuery基础(五)一Ajax应用与常用插件-imooc

,执行的回调函数 例如,点击“加载”按钮时,向服务器请求加载一个指定页面的内容,加载成功后,将数据内容显示在元素中,并将加载按钮变为不可用。...在浏览器中显示的效果: 使用getJSON()方法异步加载JSON格式数据 使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数据,并对获取的数据进行解析,显示在页面中,它的调用格式为...success回调函数,获取传回的数据,并显示在页面中。...>元素,点击右键,弹出插件绑定的快捷菜单,点击菜单中的各个选项,便在页面中显示操作的对应名称。...例如,当点击“提交”按钮时,如果文本框中的内容为空,则通过dialog插件弹出提示框,提示输入内容不能为空,如下图所示: 在浏览器中显示的效果: 3-7菜单工具插件——menu 菜单工具插件可以通过

16.6K20

DWR文档之 技巧和要点

请对你有过帮助的地方添加评论… 创建一个 “Google Suggest” 组件 我一直不主张自己写 suggest 组件。...改进 loading message 存在于 DWR 1.0 的 useLoadingMessage() 函数有一些缺陷(比如你不能自定义显示的文字信息,还有在调用它的时候必须非常小心)。...向回调函数传递参数 通常我们需要把额外的信息传递给回调函数,但是所有的回调函数只有一个参数(远程方法中的返回值),它应该更灵活。 这里专门有一整页专注于这个问题,可以帮助你解决这个问题。...我们将发布一个补丁使得 DWR 在 web 程序启动的时候可以使用时间来标记 Javascript 文件,但是这些并不是最好的解决方法,因为上面所说的方法非常简单并且可以很大程度上压缩合并 Javascript...开发框架+用户名检测实例(调试通过) - Jul 03, 2006 Ajax按需读取数据生成下级菜单[转] - Jul 03, 2006 Ajax在PHP开发中的应用[转] - Jun 27, 2006

86320
  • 基于SpringBoot打造在线教育系统(5)-- 课程分类模块

    不要那个箭头,因为二级菜单我打算显示在右边,于是手动加一段css: .el-submenu i { display:none; } ?...index设置为999,为什么呢? 因为我仍性啊!没想到吧~~ 。。。。。。 开玩笑,是因为这个新增,我们打算当做按钮的,是一个业务上的东西,所以就取一个大点的值,999挺好的,当然998也不错。...4.还是jquery的ajax香啊 没错,还是用ajax,我不打算用axios,既然有jquery,那就用jq的ajax吧。...爽了不? 贼爽啊。 5. 重新加载菜单 现在我们的菜单是写死的,当然不行啦,我们得用后台真实的数据,不要怂,盘他!...解决思路也很简单啊,那就是我每次点击的时候,再把它关掉,不就好了吗,哈哈哈,我可真是个小机灵鬼。 ? ? addMenu这个方法名也不恰当,改成clickMenu吧。 ?

    72120

    JS简史

    编程语言就是用来让用户解决这些问题的工具,而用在web或其他地方的JS自然也没有什么不同。有些人乐于细数JS的种种不是,我也不否认确实有很多问题,但对于其他语言来说也是这样的。...Nelson 说:“那时为了给我建的网站菜单栏上增加一个鼠标经过的图片效果,我使用了JS。并用它创建不那么好用的下拉菜单和有一些简单动画的烦人弹出框”。...其网站上的这段文字是这样阐释的: “采用 jQuery 的选择器和回调创建 JS 应用确实简单,但终将陷入一团乱麻;你将手忙脚乱的保持数据在 HTML UI 和 JS 逻辑,以及服务器数据库之间的同步。...尽管很多其他自定义技术也是由 Facebook 开发的,但它确实可以结合各种既有技术;换句话说,对非 Facebook 的技术一视同仁,React 不处理数据、不处理事件、不处理 XHR/AJAX .....从性能考虑,书写纯 JS 代码几乎肯定会更快(除非你的程序不优化),即便是在更老更慢的设备上。和很多开发者一样,Smith 对这种新关注点很兴奋:“我从 Vanilla JS 获得了很多回报。

    1.4K40

    EnableEventValidation错误原因分析以及解决办法

    大家好,又见面了,我是你们的朋友全栈君。 回发或回调参数无效。...当EnableEventValidation 属性设置为 true 时,ASP.NET 仅允许在回发请求或回调期间可由控件引发的事件。...二 是 在下拉菜单中使用ajax,常见于省市联动菜单,可能是由于在aspx页面赋给了下拉菜单初始Item值,在事件回发时提示该错误,将下拉菜单初始Item值删除,在绑定事件中添加Item项。...我试了几次都没有出现本文的错误。 但如果Form 没加载完毕的时候提交Form则会出现本文的错误,不过这与Form 嵌套无关。...第二种下拉菜单,ajax应用中包含下拉列表框(DropDownList)是出现这个错误频率最高的Case了,那为什么会这样呢?是否像网上所说的那样呢?

    2.1K30

    enableEventValidation 回发或回调参数无效 的解决办法

    大家好,又见面了,我是你们的朋友全栈君。 回发或回调参数无效。...当EnableEventValidation 属性设置为 true 时,ASP.NET 仅允许在回发请求或回调期间可由控件引发的事件。...二 是 在下拉菜单中使用ajax,常见于省市联动菜单,可能是由于在aspx页面赋给了下拉菜单初始Item值,在事件回发时提示该错误,将下拉菜单初始Item值删除,在绑定事件中添加Item项。...我试了几次都没有出现本文的错误。 但如果Form 没加载完毕的时候提交Form则会出现本文的错误,不过这与Form 嵌套无关。...第二种下拉菜单,ajax应用中包含下拉列表框(DropDownList)是出现这个错误频率最高的Case了,那为什么会这样呢?是否像网上所说的那样呢?

    2.1K10

    jQuery的Ajax实例(附完整代码)

    在发现了众多技术大牛的同时,我也发现,一些像我这样的小白,由于能力有限,在查找相关资料的时候,对于大佬的一些操作理解困难,虽说能照猫画虎的做下来,但是可能自己也没有理解为什么要这么做。...当然,我说的就是自己在查资料时曾经遇到的问题,这也是我写这篇笔记的主要原因。我下面就根据我自己的理解跟大家说说Ajax,如果大家看到什么问题,欢迎批评指正。....ajax()方法中的参数很多,我在实例中使用的只是一小部分,这里只介绍实例中所需要的参数的使用,其余更多参数还将继续学习。...如果不填(一般为get请求),则读取对应地址的全部数据,此时可以在console中通过console.log(res)显示数据情况。...对于1中提到的请求参数address和key是请求url中数据所需要的,至于为什么是这两个参数?这个key的值是哪里得到的? 我觉得这需要大家在开发中真正的使用后,就自然会清楚它们的含义。

    4.9K30

    js 分页插件_vue分页组件

    动态分页 其实做分页最主要的就是通过AJAX来动态获取数据后进行分页显示,我们要明白的是,为什么分页??...那肯定是不合理的,因为这非常消耗系统内存和网络带宽,我们肯定都是在AJAX请求数据时,传入了要显示的条数和页数,服务器在根据条数和页数返回数据给我们,比如我们要显示10条数据,显示第一页的内容,那服务器就相应的把该条件下的数据传回给我们...所以首先必须使用AJAX请求得到所有数据的长度是多少,例如: 总共50条数据,我需要每页显示10条数据,当前 显示第一页的数据。...} }) (2).然后我在success方法中写入pagination的方法进行分页 $.ajax({ url:… type:”post”, data:{ rows: 10 //我把行数传回给服务器中...一个很主要的流程就是,首先要发起ajax得到总条数和返回的条数然后在success回调中使用pagination的方法,在callback回调中再次发起ajax,就是为了点击分页按钮再次显示数据。

    15.3K20

    回发或回调参数无效。在配置中使用 或在页面中使用

    大家好,又见面了,我是你们的朋友全栈君。 回发或回调参数无效。...这两天写程序总是遇到相似的程序在不同页面,出现不一样的结果。以下是今天出现的问题: 回发或回调参数无效。...3、如果页面含有 DropDownList 或 ListBox这样的控件,可能以下原因造成: 3.1 在下拉菜单中使用ajax,常见于省市联动菜单,可能是由于在aspx页面赋给了下拉菜单初始Item...值,在事件回发时提示该错误,将下拉菜单初始Item值删除,在绑定事件中添加Item项 3.2 原因是 DropDownList 控件的ListItem 的Value 属性 包含汉字.只要将Value...3、如果页面含有 DropDownList 或 ListBox这样的控件,可能以下原因造成: 3.1 在下拉菜单中使用ajax,常见于省市联动菜单,可能是由于在aspx页面赋给了下拉菜单初始Item

    1.7K30

    ASP.NET 调味品:AJAX

    术语可能有些混乱,但是当我介绍 AJAX 时,就是在介绍从客户端异步调用服务器端函数的整体框架。提到 Ajax.NET 时,我是指能够帮助您创建利用 AJAX 框架的解决方案的特定实现。...在此,我们看到 AJAX 在工作时的异步特性,因为对 GetMessageOfTheDay 的调用不阻碍执行其他 JavaScript 代码,也不阻碍用户继续在页上进行操作。...在我们的示例中,将为 Sample.GetStates。我们还想传入国家/地区 ID 参数和完成服务器端函数后 Ajax.NET 应调用的回调函数。...接下来,我们将创建用户控件,该控件可以被放置到任何页上,用于当队列文档可用时通知用户。此用户控件将包含一个 AJAX 方法以及注册 AJAX 的类所需的代码。...其次,AJAX 应用程序可能不熟悉(即使它具有较高级别)用户习惯使用应用程序的方式。例如,通过 AJAX 执行不同功能的页可能不以用户认为的方式表现“后退”按钮、“收藏夹”菜单和其他浏览器功能。

    3.7K50

    jquery实现ajax_完整网页代码

    在发现了众多技术大牛的同时,我也发现,一些像我这样的小白,由于能力有限,在查找相关资料的时候,对于大佬的一些操作理解困难,虽说能照猫画虎的做下来,但是可能自己也没有理解为什么要这么做。...当然,我说的就是自己在查资料时曾经遇到的问题,这也是我写这篇笔记的主要原因。我下面就根据我自己的理解跟大家说说Ajax,如果大家看到什么问题,欢迎批评指正。....ajax()方法中的参数很多,我在实例中使用的只是一小部分,这里只介绍实例中所需要的参数的使用,其余更多参数还将继续学习。...如果不填(一般为get请求),则读取对应地址的全部数据,此时可以在console中通过console.log(res)显示数据情况。...对于1中提到的请求参数address和key是请求url中数据所需要的,至于为什么是这两个参数?这个key的值是哪里得到的? 我觉得这需要大家在开发中真正的使用后,就自然会清楚它们的含义。

    4.5K10

    jQuery ajax() 方法

    jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件,其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。....ajaxError() 当 Ajax 请求完成且出现错误时注册要调用的处理程序。这是一个 Ajax 事件。 .ajaxSend() 在 Ajax 请求发送之前显示一条消息。...注:不知道为什么URL写绝对路径在FF下会出错,知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径,所以在FF下你将会出错并不会看到返回结果。...局部事件就是在每次的Ajax请求时在方法内定义的, 示例代码: $.ajax({ beforeSend: function(){ // Handle the beforeSend event },...(这个我不是很懂) 参数列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址。

    2.5K60

    jQuery Ajax 全解析

    注:不知道为什么URL写绝对路径在FF下会出错,知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径,所以在FF下你将会出错并不会看到返回结果。...jQuery Ajax 事件 Ajax请求会产生若干不同的事件,我们可以订阅这些事件并在其中处理我们的逻辑。在jQuery这里有两种Ajax事件:局部事件 和 全局事件。...局部事件就是在每次的Ajax请求时在方法内定义的,例如: $.ajax({ beforeSend: function(){ // Handle the beforeSend event...(这个我不是很懂) 参数列表: 参数名类型描述urlString(默认: 当前页地址) 发送请求的地址。...如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值: "xml": 返回 XML 文档,可用 jQuery

    9.6K10

    Ajax技术全解(3)

    使用Ajax,在点击sunmit按钮后,立刻进行异步处理,并在页面上快速显示了更新后的结果,这里没有整个页面刷新的问题。...2.深层次的树的导航 深层次的级联菜单(树)的遍历是一项非常复杂的任务,使用JavaScript来控制显示逻辑,使用Ajax延迟加载更深层次的数据可以有效的减轻服务器的负担。...我们以前的对级联菜单的处理多数是这样的: 为了避免每次对菜单的操作引起的重载页面,不采用每次调用后台的方式,而是一次性将级联菜单的所有数据全部读取出来并写入数组,然后根据用户的操作用 JavaScript...如果在此案中应用Ajax后,结果就会有所改观: 在初始化页面时我们只读出它的第一级的所有数据并显示,在用户操作一级菜单其中一项时,会通过Ajax向后台请求当前一级项目所属的二级子菜单的所有数据,如 果再继续请求已经呈现的二级菜单中的一项时...3.基本的导航 使用Ajax来做站点内的导航是一个坏主意,为什么不把时间放在让系统程序作的更好上呢?

    1.7K30

    day56_BOS项目_08

    如果不初始化权限数据的话,那么登录上系统之后,会发现一个菜单也没有,什么也不能干。所以说,所有的系统在上线的时候都会进行权限数据的初始化。   ...,并返回简单json数据作为ztree的节点数据     // 发送ajax请求获取菜单数据构造ztree     // 若为“text”文本数据,需要转成json数据才可以使用     $.ajax(...;         }     }); 注意:我们发现浏览器页面上展示的数据没有正常显示出来上下级关系,如下图所示: ? 为什么呢?...答:因为显示在页面上仅仅只是ztree的页面效果而已,不是真正的表单控件。如何解决呢?...6、系统左侧菜单根据当前登录用户的权限动态展示 第一步:修改index.jsp页面中ajax方法的URL     // 基本功能菜单加载     $.ajax({         url : '${pageContext.request.contextPath

    91520

    Apriso 开发葵花宝典之三 Process builder HTML 篇

    在视图的onViewLoaded事件(客户端模式)或HTML文档的“DOM content ready”事件(服务器模式)上调用回调。...它可以用来停止AJAX回调的执行 View.hasChanges=true在某些情况下,可能需要通知用户,他想执行的操作可能会丢弃他已经提供的一些数据。...Advanced标签页,在Invoke Operations/AJAX中点击“+”链接到需要调用的Operation,可以指定项目和版本 ▶第三步,拖拽 AJAX Operation to the HTML...完成拖拽后,Process builder自动添加一个按钮html代码,并生成全功能JavaScript代码,可以根据实际需要进行修改 ▶第四步,根据需要修改输出的处理 在调用时传递Function...使用Alt属性显示图像无法显示时的替代文本,如 13.

    89220

    配电网WebGIS研究与开发

    ArcGIS Server9.3的Web ADF为开发人员提供了可以在AJAX环境中管理客户端与服务器之间传输的框架。...最后要强调的是,无论使用哪种AJAX模式,回调技术(callback)还是部分页面刷新(partial postback,或称为ASP.NET AJAX),callback result的内容以及客户端处理...所以本次毕业设计中采用自定义的TaskResults控件的方式来进行对查询结果的显示,并对每条记录增加一些页面右击快捷菜单:“清除”,“放大定位”,“显示详细信息”。   ...本次毕业设计中对三级菜单都做了自定义,由于篇幅原因,就只对实现第三级菜单的功能进行介绍,自定义FeatureContextMenu:   在重载过的CreateChildControls成员函数中对第三级菜单进行外观设置...(menuItemview); }   经过上面的定义后,在自定义的CustomTaskResults中的第三级节点上右击时会出现三个菜单:“放大定位”、“清除”、“显示设备详细信息”。

    1.2K20

    Ajax 技术学习(JavaEE)—— 实现二级下拉联动

    Ajax 技术练习 一、Ajax 实现下拉菜单 1.1 场景再现 1.2 技术分析 1.2.1 前台分析 1.2.2 后台分析 二、让我们来实现它 2.1 前端界面 jsp 2.2 ajax 代码 2.2...使用 xml 传输数据 (servlet 代码) 三、运行截图 一、Ajax 实现下拉菜单 1.1 场景再现 我们在购买快递选择收获地址的时候,选择地域一般都是现选择省,省选择完毕后,电脑会自动显示该省对应的城市...,我们选择了城市之后,系统会显示该城市所对应的的区域。...,就使用 ajax 进行交互,得到对应的城市的信息。...= this.options[0]) { // 选择城市列表的时候,会自动添加,因此调用时就清除 var citySelect = document.getElementById("cityId

    2.2K10
    领券