大佬教程收集整理的这篇文章主要介绍了添加指向JQueryUI自动完成项的链接,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想显示该项目(沿着其图像),以及“查看此集合中的所有项目”的链接.
我可以使用以下代码完成(大部分):
$('#search').autocomplete({ source: function (request,responsE) { $.ajax({ url: suggesturl,dataType: 'json',data: request,success: function (data) { response(data.map(function (value) { return { 'label': '<img src="' + value.thumbsmall + '" />' + value.name + '<a href="/">More items from this collection...</a>','value': value.fullname }; })); } }); },minLength: 3 })
$(SELEctor).autocomplete({ source: ...,SELEct: function(value,data){ if (typeof data == "undefined") { emitmessage('You SELEcted: ' + value + "<br/>"); } else { emitmessage('You SELEcted: ' + data.item.value + "<br/>"); } } });
如果这还不够,出于某种原因,那么您可以为自动完成列表呈现自己的内容,并以这种方式获得所需的控制权.
你通过猴子修补_renderItem fn来做到这一点,这是自动完成调用以呈现列表中的每个项目.检查this answer是如何做到的.它适用于v1.8rc3.
我想在_renderItem中你可以渲染一个可点击的< span>,并将你喜欢的任何逻辑附加到click事件中.
如果你走这条路,你可能需要关闭默认的点击动作.我认为自动填充使用< a>对于提供click事件的元素.在这种情况下,您需要取消设置该单击处理程序.
以上是大佬教程为你收集整理的添加指向JQueryUI自动完成项的链接全部内容,希望文章能够帮你解决添加指向JQueryUI自动完成项的链接所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。