jQuery « Выполнение действий после определенных условий
На сайте есть некоторые формы, которые вставляются скриптами со сторонних сайтов.
т.е. размещаем div id="someid" и скрипт с внешним src - и этот скрипт уже подгружает в div id="someid" нужный ему контент.
Задача следующая - для данных загруженных в этот div применить некоторые свойства.
К примеру - в этой форме появляется select box - и на него надо свойство приделать.
/** * 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; }
Но вот увы не получается - так как судя по всему $("#selectbox select").chosen(); срабатыват до того, как этот элемент появится. Как тут быть ?
getScript это уже я приделал. подразумевая что function выполнится после загрузки скрипта и получится всё.
т.е. размещаем div id="someid" и скрипт с внешним src - и этот скрипт уже подгружает в div id="someid" нужный ему контент.
Задача следующая - для данных загруженных в этот div применить некоторые свойства.
К примеру - в этой форме появляется select box - и на него надо свойство приделать.
/** * 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; }
$.getScript('http://site.ru/script.js', function(data, textStatus){
if(textStatus == 'success')
{
$("#selectbox select").chosen();
}
});
});
if(textStatus == 'success')
{
$("#selectbox select").chosen();
}
});
});
Но вот увы не получается - так как судя по всему $("#selectbox select").chosen(); срабатыват до того, как этот элемент появится. Как тут быть ?
getScript это уже я приделал. подразумевая что function выполнится после загрузки скрипта и получится всё.
1 ответов
<<<<<<<<<<<<<<<<<<<<<Но вот увы не получается - так как судя по всему $("#selectbox select").chosen(); срабатыват до того, как этот элемент появится. Как тут быть ?
Попробуйте "событийную модель" Не знаю как это назвать по другому...
Используйте live() в связке с пользовательским событием.
Т.е. в тот момент когда что-то происходит (в Вашем случае это загрузка необходимого элемента в DOM) - генерируйте событие.
А потом ловите это событие с помощью live() или bind()
ВОТ ТУТ можно пример генерации и отлова глянуть.
может этот скрипт загружается ДО полной загрузки страницы? тогда может попробовать вместо $("#selectbox select").chosen(); добавить такую конструкцию?
$(function(){$("#selectbox select").chosen();});