исчезают в приложении с ui.item.value - PullRequest
Новая
       11

исчезают в приложении с ui.item.value

0 голосов
/ 11 июля 2011

Я использую виджет автозаполнения jQueryUI для извлечения имен субъектов из базы данных MySQL.Когда пользователь выбирает тему из списка автозаполнения, я хочу добавить эту тему в #subjects_container, отображая ее с помощью fadeIn.Кажется, у меня проблема с синтаксисом, хотя я не смог увидеть свою ошибку.

ui.item.value действительно содержит то, что я хочу добавить

функцию, которая получает значения:

function autocompletejq() {
$( "#autocomplete" ).autocomplete({
    source: "autocomplete.php",
    minLength: 1,
    delay: 0, 
    select: function(event, ui) {
        alert(ui.item.value);
        $( "<input class=\"added_chkboxes\" type=\"checkbox\" checked=\"checked\" />" + ui.item.value + "").appendTo( "#subjects_container" );
    }
});

}

К моему ужасу добавлен только флажок!Возможно, моя конкатенация неверна.

Примечание: здесь не отображаются hide () и fadeIn ().

Окончательное решение

Оберните пользовательский интерфейс.item.value в тегах html, здесь <span> теги: 

function autocompletejq() {
$( "#autocomplete" ).autocomplete({
    source: "autocomplete.php",
    minLength: 1,
    delay: 0, 
    select: function(event, ui) {
        alert(ui.item.value);
        $( "<input class=\"added_chkboxes\" type=\"checkbox\" checked=\"checked\" /><span>" + ui.item.value + "</span>" ).appendTo( "#subjects_container" ).hide().fadeIn();
    }
});

} ​​

1 Ответ

0 голосов
/ 11 июля 2011

Относительно части эффекта: 

$("<p>My new Content</p>").appendTo("#myWrapper").hide().fadeIn();

По поводу создания объекта: Я думаю, что вам нужно обернуть ваше «ui.item.value» в HTML-тег, например, пролет

В общем, я бы попробовал что-нибудь. как это: 

var newHTML = '<input class="added_chkboxes" type="checkbox" checked="checked" />' +      
    '<span>ui.item.value</span>';
$(newHTML).appendTo("#subjects_containe").hide().fadeIn();

Вот фиктивный пример: http://jsfiddle.net/SunnyRed/dB2uT/

Надеюсь, это поможет.

...