Собственно есть html в котором есть чекбокс и я вставляю ещё один
<span class="niceCheck"><input type="checkbox" name="ch10" /> </span>
<div id="info" style="display:none">
с помощью innerHTML :
function addCheckbox(){
text='<span class="niceCheck"><input type="checkbox" name="ch11" /> </span>';
jQ('#info').attr('innerHTML', text);
jQ("#info").show();
}
Он замечательно появляется на страничке - но при клике мышкой на нём действие повещанное на селектор niceCheck почему-то с добавленным элементом не происходит, а тот что был на страничке успешно работает.
jQuery(document).ready(function(){
jQuery(".niceCheck").mousedown(
/* при клике на чекбоксе меняем его вид и значение */
function() {
changeCheck(jQuery(this));
});
jQuery(".niceCheck").each(
/* при загрузке страницы нужно проверить какое значение имеет чекбокс и в соответствии с ним выставить вид */
function() {
changeCheckStart(jQuery(this));
});
});
function changeCheck(el)
/*
функция смены вида и значения чекбокса
el - span контейнер дял обычного чекбокса
input - чекбокс
*/
{
var el = el,
input = el.find("input").eq(0);
if(!input.attr("checked")) {
el.css("background-position","-100px 0");
input.attr("checked", true)
} else {
el.css("background-position","0 0");
input.attr("checked", false)
}
return true;
}
function changeCheckStart(el)
/*
если установлен атрибут checked, меняем вид чекбокса
*/
{
var el = el,
input = el.find("input").eq(0);
if(input.attr("checked")) {
el.css("background-position","-100px 0");
}
return true;
}
Подскажите как правильно сделать добавление в документ чтобы яваскрипт обрабатывал вновь добавленные элементы?