小编use*_*225的帖子

Jquery UI自动完成 - 图像在结果叠加层中,而不是像演示一样在外面

我有自动填充的jQueryUI代码如下....

$(function() {
      var updates = [ 

       { value: "URL",
         label: "some text",
         icon: "jqueryui_32x32.png"};
       ];

        $("input#autocomplete").autocomplete({
              delay: 10,
              minLength: 0,                                          
        source: updates,        
        select: function( event, ui ) {
              window.location.href = ui.item.value;
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

它主要产生一个网站搜索,其结果是直接链接.我想添加本地存储到结果的图像,以更好地模仿脸书.在将用户引导到"自定义数据"演示之前,我没有运气和看过问题.这是一个这样的问题......

如何将图像添加到此JQueryUI自动完成插件的结果中?

我知道或者这个演示......

http://jqueryui.com/demos/autocomplete/#custom-data

..但是没有关于如何进行此操作的指导.详细说明格式化结果叠加本身/将图像放入叠加层.我真的很茫然.我整天都解剖了这个演示,没有任何东西可以展示.这应该很容易,因为所有数据和图像都是本地的.它们都与此搜索位于同一文件夹中.这里没有PHP或数据库的东西来处理.....

我真的非常讨厌jQuery UI,因为它的文档记录很差,而且它有多么复杂......所有的自定义内容都在多个文件中等等....我曾经使用JÖRNZAEFFERER的插件接受了简单的HTML标签.它工作得很好直到IE8 ......

对此有任何见解都非常感谢.

jquery jquery-ui autocomplete image jquery-ui-autocomplete

5
推荐指数
1
解决办法
9851
查看次数