Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   изучаем метод .On (https://javascript.ru/forum/jquery/30642-izuchaem-metod.html)

Кирюха =) 10.08.2012 16:23

изучаем метод .On
 
Всем привет.По какой то причине не работает мотод .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 -->

zlodeeev 10.08.2012 16:32

$(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('Вы нажали на элемент');
    });// первый

});

Serg_pnz 10.08.2012 17:19

Не укладывается, почему надо второй обработчик пихать внутрь первого((((

Serg_pnz 10.08.2012 17:41

Кирюха =), еще так можно было бы

<script type="text/javascript">
$(document).ready(function(){
    $('#cvb1').on('click', function(){
      
        $('<div/>')
            .addClass('message')
        	.insertAfter('#cvb1')
            .text('dfvdfv');
      
      $('<div/>')
        .addClass('close')
        .appendTo('#content .message')
        .text('***')
        .click(function(){
          alert('EEEE!')
        });
      
	});// первый
});
</script>

Кирюха =) 11.08.2012 12:59

Всем спасибо все работает)

Serg_pnz 19.08.2012 15:02

Цитата:

Сообщение от Serg_pnz (Сообщение 196297)
Не укладывается, почему надо второй обработчик пихать внутрь первого((((

Нашел
Цитата:

$(selector).live(events, data, handler); // jQuery 1.3+
$(document).delegate(selector, events, data, handler); // jQuery 1.4.3+
$(document).on(events, selector, data, handler); // jQuery 1.7+


Часовой пояс GMT +3, время: 21:37.