Показать сообщение отдельно
  #1 (permalink)  
Старый 16.12.2012, 00:44
Аспирант
Отправить личное сообщение для Le-mark43 Посмотреть профиль Найти все сообщения от Le-mark43
 
Регистрация: 08.02.2012
Сообщений: 34

Как навесить Chosen() на подгружаемые ajaxом элементы?
Привет всем!
есть вопрос:
загружаю элементы Select через ajax.
надо стилизовать их с помощью плагина Chosen.

с помощью конструкции:
function loadPage(param,div){
	param=param.replace('#','');
	$.ajax({
		type: 'GET',
		url: param,
		dataType: 'html',
		success: function(msg){
			if(parseInt(msg)!=0){
			$('#'+div).html(msg);
			}
		}
	}); 
}


в нужный мне div вставляется вот это:
<select data-placeholder='Choose a Visitor...' class='chzn-select'>
<option value='1'>1</option>
<option value='2'>2</option>
</select>


обработчик вешаю на index.html:
$(document).ready(function(){
$(".chzn-select").chosen();
});

естественно не работает! в отличии от сформированного в DOM selecta

метод Live только для привязки функции к событию. а мне стало быть надо привязать функцию к объекту (если правильно понимаю терминологию)

через Livequery тоже почему то не отрабатывает:
$(document).ready(function(){
$(".chzn-select").livequery(function(){
$(".chzn-select").chosen();
});
});


Собственно вопрос: как повесить на динамически создаваемый объект функцию: $(".chzn-select").chosen(); в пределах начального скрипта, или index.html.

PS народ, через callback вешать обработчик сильно не охота.
ткните пальцем, возможно блин где то ошибка.

Последний раз редактировалось Le-mark43, 16.12.2012 в 00:50.
Ответить с цитированием