Question

我有以下计划：

我的网站上有一个AutoComplete UI元素，有几个自动完成选项，但我想要的是以下内容，我无法让它工作：

如果用户在项目上悬停（鼠标悬停或箭头键），则项目文本应更改为课程的项目值和额外信息。

让自己更清楚：

如果用户在自动填充中滚动电影标题，则该项目应更改为电影标题+ movielength + moviecover。

当项目未聚焦时，它应该变为原始状态

这是我的::

$("#searchField").autocomplete({

    source: dataSet,
    minLength: 1,
    open: function(event, ui) { $(".ui-autocomplete").css({"z-index": 1000, "font-size": "13px"}); },
    focus:function(e,ui) {

        q = $("#ui-active-menuitem").html();
        $("#ui-active-menuitem").html("<b>"+q+"</b>");


    },

    select: function(event, ui) {
        q = $("#ui-active-menuitem").html();
        location.href="?q="+q;
    }

});

对不起我的英语如果不可理解......

THNX IN ADVANCE

Answer 1

focus:function(e,ui) {
            $("input").val($("#ui-active-menuitem").text());
            q = $("#ui-active-menuitem").html();
            $("#ui-active-menuitem").html("<b>"+q+"</b>");


        },

你的意思是这样吗？

当您的用户将鼠标悬停在列表中的选项上时，它会更改输入区域的值吗？

这是一个工作小提琴：http://jsfiddle.net/4nzXv/

    $("#ui-active-menuitem").mouseout(function() {
      $("#ui-active-menuitem").hide();
    });

你可以为每个项目添加一个mouseout处理程序，一旦它悬停在它上面然后将其从列表中删除，但它似乎是非常模糊的功能明智，但它实现了你想要的...这里是小提琴：http://jsfiddle.net/4nzXv/5/

Answer 2

我认为我们可以这样做：

检查一下：http://jsfiddle.net/chukhanhvan/7HQym/ 尝试角色：'t'列出所有电影

JQuery UI自动完成 - 悬停/聚焦时的额外项目信息？如何？

2 个答案: