JqueryUI Функция автозаполнения обратного вызова с использованием val () не работает

Question

Я использую автозаполнение jqueryui и настроил поиск в галерее изображений, используя ContentFlow , чтобы при обнаружении изображения отображался маленький значок, и пользователь мог открыть изображение с помощью лайтбокса (prettyphoto)

Вот код:

$(function() {
    var projects = [
        {
            value: "Alcatraz",
            label: "Alcatraz",          
            icon: "Alcatraz.jpg",
            url: "slides/Alcatraz.jpg",
            desc: "",
            imgN: "1"
        },
        {
            value: "Amber Light",
            label: "Amber Light",           
            icon: "Amber Light.jpg",
            url: "slides/Amber%20Light.jpg",
            desc: "",
            imgN: "2"
        },
        {
            value: "Blue Boat",
            label: "Blue Boat",         
            icon: "Blue Boat.jpg",
            url: "slides/Blue%20Boat.jpg",
            desc: "",
            imgN: "3"
        }
    ];

    $( "#project" ).autocomplete({
        minLength: 0,
        source: projects,
        focus: function( event, ui ) {
            $( "#project" ).val( ui.item.label );
            return false;
        },
        select: function( event, ui ) {
            $( "#project" ).val( ui.item.label );
            $( "#project-id" ).val( ui.item.value );                
            $( "#project-icon" ).attr( "src", "thumbs/" + ui.item.icon );
            $( "#project-description" ).html( ui.item.desc );
            $( "#project-label" ).html( ui.item.label );
            $( "#project-link" ).attr("href", ui.item.url );
            $( "#project-link" ).attr("title", ui.item.label );
            return false;
        },

        close: function() {
            var value = $( "#project" ).val( ui.item.imgN );
            cf.moveTo(value);
        }
    })
    .data( "autocomplete" )._renderItem = function( ul, item ) {
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( "<a>" + item.label + " - " + item.desc + "</a>" )

            .appendTo( ul );
    };

});

HTML:

<div id="project-label">Search</div>
<a href="#" rel="prettyPhoto" class="" id="project-link"><img id="project-icon" src="res/transparent_1x1.png"/></a>
<input id="project"/>
<input type="hidden" id="project-id"/>
<p id="project-label"></p>
<p id="project-description"></p>

Проблема, с которой я столкнулся, связана со следующей функцией:

close: function() {
            var value = $( "#project" ).val( ui.item.imgN );
            cf.moveTo(value);
        }

Мне нужна галерея изображений для прокрутки к определенному изображению в потоке контента, используя

 cf.moveTo();

Я не получаю свой код для возврата этого значения.Любая помощь будет оценена.

Answer 1

После испытаний и невзгод я нашел способ заставить это работать с этим дополнительным измененным кодом:

        select: function( event, ui ) {

            $( "#project-imgN" ).val( ui.item.imgN );


            return false;
        },

        close: function(event, ui ) {
        function runEffect() {
        // get effect type from 
        var move = $( "#project-imgN" ).val();

        // run the effect
        cf.moveTo(move);
    };

     runEffect(); 
        }
    })

Answer 2

Когда вы используете val (), вы не должны вводить аргумент, который используется для установки значения, вам просто нужно вызвать val () для элемента, значение которого вы хотите.

Попытка:

  var value = $( "#project "+ui+"."+item+"."+imgN).val();

Или что-то в этом роде.