- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试使用 jquery 自动完成和自定义 html 在我的下拉列表中添加图像。由于某种原因,当我设置图像时,当我输入名称时,自动完成看起来很好(我看到图片和标签都很好),但是当我向下箭头进行选择时,我收到一条错误,提示 ui.item 是没有为焦点和选择事件定义。如果我遵循示例页面中显示的标准格式,一切都会正常。
(jquery 文档中的一个 - 按预期工作)
.append( "<a>" + item.label + "<br>" + item.value + "</a>" )
但是当我使用这个来显示图像时,自动完成列表会显示图片,但焦点和选择事件不起作用
$( "#friends" ).autocomplete({
minLength: 2,
source: friend_data,
delay: 0,
autofocus: true,
focus: function(event, ui) {
$( "#friends" ).val( ui.item.label );
return false;
},
select: function( event, ui ) {
$( "#friends" ).val( ui.item.label );
return false;
}
})
.data( "autocomplete")._renderItem = function( ul, item ) {
var fb_pic_path = '<img src="http://graph.facebook.com/' + item.value + '/picture?type=square">' ;
console.log(fb_pic_path);
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append( fb_pic_path + item.label )
.appendTo( ul );
};
最佳答案
啊..明白了。需要 anchor 。
.append( "<a>" + fb_pic_path + item.label + "</a>" )
现在工作正常了。
关于jquery autocomplete _renderItem 添加图像标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10868978/
我有一个 jQuery 自动完成字段,到目前为止一直运行良好。我决定在其上使用 _renderItem 因为我想在结果中使用一些 HTML。这是我的代码: function prepareClient
离开此处的示例 http://jqueryui.com/demos/autocomplete/#custom-data我想知道如何在使用 _renderItem() 时向 ul 包装器添加样式:
我正在尝试使用 jquery 自动完成和自定义 html 在我的下拉列表中添加图像。由于某种原因,当我设置图像时,当我输入名称时,自动完成看起来很好(我看到图片和标签都很好),但是当我向下箭头进行选择
我在使用 jQuery 自动完成时遇到问题。我正在将其定制为显示两种项目: 与搜索字符串的实际匹配 建议(拼写更正、相关关键字等) 后端完成所有工作;自动完成仅输入两个列表。 一张图片可以更好地解释:
我正在尝试使用 _renderItem 函数创建自定义 ui-menu-item 元素,但在尝试之后我什至无法调用该函数。自动完成功能正常,但好像没有 _renderItem 功能。这是我的脚本 sc
快速说明:我有 3 个输入 first_name、last_name 和 contact_number。它们都有类名自动完成。例如 我使用 autocomplete 类作为选择器来启动 jQue
这很奇怪。 $.fn.autoList = function () { return this.each(function () { var self = this; // initi
我目前在页面的三个位置使用 .data( "ui-autocomplete")._renderItem = function( ul, item ) 。现在我需要再添加一个,然后就完成了。 但是这次我
_renderItem 根本没有执行,尝试使用 console.log 也没有打印任何消息。尝试使用“自动完成”、“ui-autocomplete”、“自动完成”属性没有希望。 此外,我无法理解“响应
如何只为 #global-search 覆盖 _renderItem? $("#global-search").autocomplete({ // })._renderMenu =
我正在尝试获取一个自定义呈现的自动完成标签,以便在粘贴输入时填充。这是一个 fiddle : https://jsfiddle.net/sq5xyLas/ 要进行测试,请将 jQuery 复制到剪贴板
作为 jQuery 的新手,我想知道是否有可能让 jQuery _renderItem(用于自定义列表项 HTML/CSS)和类别和谐地协同工作。 我的 _renderItem 运行良好,但我不知道如
我已经使用 jquery-ui 实现了自动完成。我想将显示的项目数限制为 10 个,并且每个项目都自定义格式。这是代码 $("#text1").autocomplete({ minLength
如果我使用 _renderItem,我的选择事件将不起作用。如果我注释掉调用 _renderItem 的最后一个代码块,则 select 事件将起作用。当我使用 _renderItem 时,选择事件根
我使用了组合框演示中的一些代码,现在我尝试将一些类添加到列表项、_renderItem 和 _renderMenu,但没有效果。 代码(有一些不相关的行,以确保我不会错过任何内容) this.inpu
我正在尝试在 jQuery UI 自动完成中显示带有标签的图像。 我陷入了错误 jquery-ui.js:6853 Uncaught TypeError: Cannot read property '
我在 jquery 自动完成中遇到了 _renderItem 的一些问题。 我有一个自动完成 fiddle (不使用 _renderItem)- https://jsfiddle.net/fuyfks
Jquery 的 UI 库向我抛出错误。我正在尝试调用自动完成功能,但是出现以下错误: 无法设置未定义的属性“_renderItem” 有人能看出我哪里出错了吗?我正在努力调试这个。 自动完成脚本 $
我有以下功能: $('#s').autocomplete({ source: function(request, response) { $.get( http://
我想生成两个输入字段,并带有生成图标的自动完成功能。我使用了 _renderItem 但意识到 - 通过使用单个类为多个输入字段调用自动完成 - 第二个字段不会调用 _renderItem 函数: 请
我是一名优秀的程序员,十分优秀!