Cufon для динамически созданного блока

[zhartaunik]

Задача: сделать <select> с измененным бэкграундом и чтобы шрифт значения селекта был подключенным извне (я подключал куфоном).

_____________________________________________________________________________________

...

<script type="text/javascript" src="js/cufon-yui.js"></script>

<script type="text/javascript" src="js/HeliosCond.font.js"></script>

<script type="text/javascript" src="js/jquery.js"></script>

<script>

$(document).ready(function(){

if (!$.browser.opera) {

// select element styling

$('select.select').each(function(){

var title = $(this).attr('title');

if( $('option:selected', this).val() != '' ) title = $('option:selected',this).text();

$(this)

.css({'z-index':10,'opacity':0,'-khtml-appearance':'none'})

.after('<span class="select">' + title + '</span>')

.change(function(){

val = $('option:selected',this).text();

$(this).next().text(val);

})

});

};

});

</script>

<script type="text/javascript">

...

Cufon.replace(".tea-shopping .select", { fontFamily: "HeliosCond" } );

</script>

...

<div class="select-block">

<select class="select">

<option value="100">100 грамм</option>

<option value="200">200 грамм</option>

<option value="300">300 грамм</option>

</select>

</div>

__________________________________________________________________________________

Получается

<div class="select-block">

<select class="select" style="z-index: 10; opacity: 0; ">

<option value="100">100 грамм</option>

<option value="200">200 грамм</option>

<option value="300">300 грамм</option>

</select><span class="select">100 грамм</span>

</div>

___________________________________________________________________________________

Проблема:

Для

<span class="select">100 грамм</span>

не меняется с помощью Cufon.replace шрифт.

[Great Rash]

Cufon.replace надо вызывать внутри блока ready. Иначе этот скрипт выполнится раньше чем вы задумали, т.к. событие ready срабатывает позже всего.