Добавить одну ссылку в автозаполнение jquery ui

чего я хочу добиться, так это того, что при отображении списка автозаполнения к списку результатов добавляется дополнительный div с одной ссылкой. как-то это не работает для меня. я пробовал

    $(".ui-autocomplete").append('<div style="border:1px solid red"><a href="#">Click me to get in contact</a></div>');

но это не работает. Если я сделаю

    $(".ui-autocomplete").append('<p>Ramo</p>');

затем я получаю красную рамку вокруг элемента ul поля автозаполнения. Это нормально, поэтому я подумал, что простое добавление должно работать.

Любые идеи по этому вопросу?

С уважением, Рамо


jquery autocomplete append jquery-ui-autocomplete
person ramo    schedule 16.01.2012    source источник
comment
Одна проблема, может быть, не единственная, но в вашем коде ссылки A есть опечатка, отсутствуют вторые кавычки после установки атрибута href.   -  person musefan    schedule 16.01.2012

Ответы (1)


arrow_upward
1
arrow_downward

Вы могли бы сделать

  $( "#tags" ).autocomplete({
        source: availableTags,
        open: function(){
            $(".ui-autocomplete").append('<li style="border:1px solid red"><a href="#">Click me to get in contact</a></li>');
        }
    });

поиграйте здесь http://jsfiddle.net/uuPGq/

person Nicola Peluchetti    schedule 16.01.2012
comment
Привет спасибо. но это добавляет элемент списка внутри поля результатов, верно? я бы предпочел иметь ссылку (в div) за пределами поля результатов. Это возможно? - person ramo; 16.01.2012
comment
@ramo проблема в том, что поле результатов является элементом <ul>, и вы должны поместить в него что-то, иначе вы получите этот jsfiddle .net/uuPGq/2 - person Nicola Peluchetti; 16.01.2012
comment
нельзя ли обернуть элемент ‹ul› окна результатов в ‹div› с динамической высотой и добавить к этому ‹div› другой ‹div› со ссылкой в ​​нем? - person ramo; 16.01.2012
comment
@ramo это выглядит немного сложно, вы можете по-другому стилизовать последнюю ли, если хотите, чтобы она выделялась или отличалась от других, но то, что вы предлагаете, выглядит сложно - person Nicola Peluchetti; 16.01.2012