Показать сообщение отдельно
  #4 (permalink)  
Старый 20.10.2013, 17:15
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

вам говорят вешать событие на родительский элемент с делегированием.
<style>
.kubik {
	box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
	height: 20px;
	width: 20px;
	background: #ccc;
	display: inline-block;
	margin: 5px 5px 0 0;
}
</style>
<input type="button" id="add" value="еще" />
<div class="target">
	<div class="kubik"></div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
$('.target').on('mouseover', '.kubik', function( ) {
	$(this).css({'border':'3px solid #000'});
});
$('#add').on('click', function(){
	$('.target').append('<div class="kubik"></div>');
});
</script>

Последний раз редактировалось BETEPAH, 20.10.2013 в 17:38.
Ответить с цитированием