Всем привет.По какой то причине не работает мотод .On...Ну вообщем что пустые разговоры разводить вот код
<div id="content" role="main">
<style>
#content Div{
width:30px;
height:30px;
border:solid 3px #000;
margin:11px 0 11px 40px;
position:relative;
}
#content .message Div{
border:0;
position:absolute;
right:0;
top:0;
margin:0;
cursor:pointer;
}
#cvb1{
background:#ff0000;
}
#content .message{
width:400px;
height:100px;
font-size:20px;
text-align:center;
position:fixed;
top:50%;
left:20%;
padding-top:35px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('#cvb1').click(function(){
$('<div>Первый красный клик</div>').addClass('message').insertAfter('#cvb1');
$('.message').append('<div>×</div>');
$('#content .message Div').addClass('close');
});// первый
$('.close').on('click', function(){
alert('Вы нажали на элемент');
});
});
</script>
<div id="cvb1">
</div>
<div id="cvb2">
</div>
<div id="cvb3">
</div>
<div id="cvb4">
</div>
<div id="cvb5">
</div>
<div id="cvb6">
</div>
<div id="cvb7">
</div>
</div><!-- #content -->
</div><!-- #primary -->