JQuery UI Autocomplete - дополнительная информация об элементе при наведении / фокусировке? КАК? - PullRequest
Новая
       14

JQuery UI Autocomplete - дополнительная информация об элементе при наведении / фокусировке? КАК?

2 голосов
/ 08 июня 2011

Я имею в виду следующий план:

У меня есть элемент интерфейса автозаполнения на моем веб-сайте с несколькими вариантами автозаполнения, но мне нужно следующее, и я не могу заставить его работать:

если пользователь наводит указатель мыши (курсор мыши или клавиши со стрелками) на элемент, текст элемента должен измениться на значение элемента, конечно и дополнительную информацию.

Чтобы сделать себя более понятным:

ЕслиПользователь Перемещает заголовок фильма в автозаполнении, элемент должен измениться на заголовок фильма + длина фильма + обложка фильма.

А когда элемент не сфокусирован, он должен быть переведен в исходное состояние

Здесьчто у меня есть: 

$("#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

Ответы [ 2 ]

1 голос
/ 08 июня 2011 
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();
    });

вы можете добавить обработчик мышки к каждому элементу, как только он будет наведен на него, он удалит его из списка, однако это выглядит довольно сумасшедшей функциональностью, но это даетВы хотели ... вот скрипка: http://jsfiddle.net/4nzXv/5/

0 голосов
/ 08 июня 2011

Я думаю, что мы можем сделать это:

проверить это: http://jsfiddle.net/chukhanhvan/7HQym/ попробовать символ: 't', чтобы просмотреть все фильмы

...