jQuery « Отследить появление элемента на странице.

Прикрутил на сайт поиск яндекса. Вид формы ввода необходимо немного модифицировать, а именно добавить лэйбл "поиск по сайту". Виджет такими настройками не располагает поэтому решил добавить его внутрь формы средствами jquery. И столкнулся с проблемой: мой скрипт отрабатывает раньше чем загружается форма яндекса.
Пробовал разные варианты
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }

$(function () {
    $('.yaform-holster .yaform__search-input').prepend('<label>Поиск по сайту</label>');
});

$(document).ready(function () {
    $('.yaform-holster .yaform__search-input').prepend('<label>Поиск по сайту</label>');
});

$(document).ready(function () {
    $('.yaform-holster .yaform__search-input').live('ready', function () {
        $(this).prepend('<label>Поиск по сайту</label>')
    });
});
 

Ничего не помогает. Мой скрипт упорно отрабатывает раньше чем загружается форма яндекса. Есть ли способ отловить появление какого либо элемента на странице?
0
events javascript jquery

1 ответов

Плагин livequery в помощь
http://docs.jquery.com/Plugins/livequery

1

Можно попробовать сделать поиск нужного элемента по DOM в бесконечном цикле с задержкой. Но это очень не красивое решение. А вообще как я понимаю там существует какая-то функция которая загружает контент поиска на сайт. Я уверен что у этой функции должен быть калбек в котором и можно попробовать вызвать функцию изменения формы.

0

Можно попробовать вставлять скрипт поиска яндекса динамически и на его onload вешать ваш обработчик, который будет добавлять лейбл

0

функцию, которая будет опрашивать DOM на предмет поиска нужного элемента. Запускайте функцию когда произошло событие ready, и запускайте ее по таймеру, к примеру раз в 3 секунды, как только нашли что искали - рубите функцию

0