Autocomplete

@WeMeSder · Регистрация: 13.07.2014

Студворк — интернет-сервис помощи студентам

Подскажите кто знает, динамически создаю input, после инициирую autocomplete

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function newAutocomplete(obj) {
            obj.autocomplete({
                ....
            });
        }
 
function showBoxT(d, f) {
        $('<div class = "boxTems" style = "position:absolute;padding:70px 15px 25px 30px;"><input type = "text" class = listPublisher></div>').appendTo('#boxThis');
 
        newAutocomplete($('.listPublisher:last'));
    }

плагин работает, вот только можно ли поместить список, который он создает (.ui-menu), внутрь созданного динамически boxTems? по тому как сейчас список появляется под ним.., ровно под инпутом, но позади всего дива

?

@Уф · 22.11.2016, 15:06

а так

CSS
1
 .ui-menu { z-index: 999; }

?

@WeMeSder · 22.11.2016, 15:11 **[ТС]**

тщетно, не помогает

@Balanaar · 22.11.2016, 15:15

Есть подозрение, что всё дело в абсолютном позиционировании блока div.boxTems. Оно вам точно необходимо?

@WeMeSder · 22.11.2016, 15:19 **[ТС]**

с :relative вышло тоже самое

@Balanaar · 22.11.2016, 15:26

Есть ссылка вживую посмотреть? Надо в стилях копаться.

@WeMeSder · 22.11.2016, 15:46 **[ТС]**

нету ссылки, пока все на локально
решилась проблема

Добавлено через 12 минут

HTML5
1
2
3
4
5
6
<div id = "arhTems">
    <div class = "filterSee seePublisher tmb" data-on = "0" style = "padding:0 12px;">
    <input type = "text" class = "listPublisher" placeholder = "От издательства" style = "background:#f7f9f8;width:100px;height:100%;position:relative;z-index:11;top:1px;left:-12px;border:solid #d5f3eb 1px;color:#2c896f;">
    <div style = "height:0;position:absolute;top:0;left:0;width:100%;padding:6px 0px;" align = "right"><div style = "padding-right:4px;">ok</div></div>
    </div>
</div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
function showBoxT(d, f) {
        $('.boxTems').remove();
        $('<div class = "boxTems" style = "position:absolute;background:URL(../../Files/GRF/Elements/Background/white0.95.png);padding:70px 15px 25px 30px;top:-55px;left:-209px;width:400px;border:solid #a2ddcd 1px;border-radius:2px;" align = "left"><div style = "width:150px;">'+d+'</div></div>').appendTo('#boxThis');
        loopOnT = 0;
        $('.boxTems .tmb').each(function() {
            loopOnT++;
            timeOnT = setTimeout(onTema, 20 * loopOnT, $(this), f);
        });
        if(f == 2)
            newAutocomplete($('.listPublisher:last'));
    }
 
showBoxT($('#arhTems').html(), 2);

весь код, проблема решилась 'class = "listPublisher" placeholder = "От издательства" style = "position:relative;z-index:11;'
//Полицейский помог пройти пол пути

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@WeMeSder 32 / 31 / 21 Регистрация: 13.07.2014 Сообщений: 374
	22.11.2016, 15:11 [ТС]
	тщетно, не помогает 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	22.11.2016, 15:15
	Есть подозрение, что всё дело в абсолютном позиционировании блока div.boxTems. Оно вам точно необходимо? 0

@WeMeSder 32 / 31 / 21 Регистрация: 13.07.2014 Сообщений: 374
	22.11.2016, 15:19 [ТС]
	с :relative вышло тоже самое 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	22.11.2016, 15:26
	Есть ссылка вживую посмотреть? Надо в стилях копаться. 0