Показать сообщение отдельно
  #1 (permalink)  
Старый 23.10.2012, 12:46
Аспирант
Отправить личное сообщение для Kotakota Посмотреть профиль Найти все сообщения от Kotakota
 
Регистрация: 12.07.2011
Сообщений: 71

Не работает addClass(), removeClass для клонированных элементов DOM.
Привет.
Есть клонируемый инпут с помощью jQuery .
element = $('#'+id); // клонируемый input элемент.
var input,
      type =  element.attr('type') == 'password' ? 'text' : 'password';
input = element.clone(true,false).attr('type',type);
element.replaceWith(input);

На клонируемом инпуте висело событие на онлик:
if(valid) {

            element.removeClass().addClass('shielsteel');
        }
        else {

            element.removeClass().addClass('shieldwood');
        }

CSS:
.shieldwood {
    background: url('images/shield_wood.png') no-repeat 1px 1px;
    text-indent:20px;
}

.shielsteel {
    background: url('images/shield_steel.png') no-repeat 1px 1px;
    text-indent:20px;
}

Это событие меняло картинку внутри инпута.
Но на новом инпуте который был клонирован, картинка не меняется, хотя нужный класс проставляется.
В чем может быть проблема?
Ответить с цитированием