jQuery « Выполнение функции после завершения ajax загрузки

Привет, ребят.

Есть вопрос - никак не могу решить.

Ситуация такая. Есть html страница.

Есть функция
/** * 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; }

$(document).ready(function() {

$('.showHideBlock').each(function(){        
  showHideBlock(
    $(this).find(".show_block_hand"),
    $(this).find(".hide_block_hand"),
    $(this).find(".showBlock"),
    $(this).find(".hideBlock")        
  );
});
});
 


Сначала на странице нет нужных блоков с классом .showHideBlock, к которым и должна применяться функция.
Затем происходит ajax запрос, который меняет DOM страницы, добавляя в него блоки с классом .showHideBlock.

Функция не выполняется после ajax запроса. Вот и вопрос - как сделать так, чтобы функция выполнилась и применилась к вновь сформированному DOM?

Сразу подумал о live или delegate, но не могу придумать в какое место их тыкать?
0
delegate dom jquery live

1 ответов

посмотрите в сторону ajaxComplete:


$(document).bind("ajaxComplete",function(){
  ...
});
 
1

Если у вас несколько ajax-запросов, то можно прямо после того, как вы "меняете DOM страницы, добавляя в него блоки с классом .showHideBlock", добавить указанный вами код, нацеленный на блоки с классом showHideBlock.

0