функция

Если Вы совсем новичок и слабо представляете себе возможности jQuery, не можете понять в каком форуме задать свой вопрос - Вам сюда.

Модераторы: TRAHOMOTO, tuareg, Gennady

функция

Сообщение sombady » 04 янв 2012, 18:01

Здравствуйте.
Имеем 3-и блока.Расположены по порядку.
Кликая по 3-му блоку - все блоки смещаются,
в том числе и третий.
После смещения - позиции блоков поменялись.
Пытаюсь вызвать алерт, после того как произошла смена позиций блоков,(то есть - поймать момент и вызвать другую функцию, когда блоки распологаются в 'определённой позиции' по отношению к родительскому блоку.) но что-то не то делаю.

в примере: 'определённая позиция блоков' наступает после смещения блоков.

Или как по другому поймать момент, смещённого расположения блоков и вызвать функцию.
Помогите.
Код: выделить все
<!doctype html>
<html>
<head>
<style>
#wrap{
background:royalblue;
position:relative;
height:44px;
width:44px;
}
.bl{
background:#fff;
margin:1px;
height:20px;
position:absolute;
width:20px;
line-height:20px;
font: normal 8pt Arial, sans-serif;
}
.b1{top:0px;left:0px;}
.b2{top:0px;left:20px;}
.b3{top:20px;left:20px;cursor:pointer;}
</style>
<script src="img/jquery-1.7.min.js"></script>
<script>
$(function(){


function win(){
  var b1=$('.b1').position({top:0,left:20});
   var b2=$('.b2').position({top:20,left:0});
    var b3=$('.b3').position({top:20,left:0})
  if(b1&&b2&&b3){ alert('Es!') }
}
  win();

$('.b3').click(function(){
  $(this).animate({left:0}).prev().animate({top:20})
  .prev().animate({left:20});
});


});
</script>
</head>
<body>
<div id="wrap">
<div class="b1 bl">1</div>
<div class="b2 bl">2</div>
<div class="b3 bl">3</div>
</div>
</body>
</html>
Аватар пользователя
sombady
 
Сообщений: 37
Зарегистрирован: 20 окт 2010, 23:24

Re: функция

Сообщение sombady » 04 янв 2012, 18:04

Или так: блоки смещаются , через некоторое время, они встают в определённые позиции (позиции заранее известны) - этот момент и пытыюсь поймать и вызвать другую функцию.
Аватар пользователя
sombady
 
Сообщений: 37
Зарегистрирован: 20 окт 2010, 23:24

Re: функция

Сообщение zandroid » 04 янв 2012, 19:04

alert внутри функции win(), которая вообще не вызывается при клике по третьему блоку, чего же вы тогда ждёте?

Метод animate() добавляет некоторое действие в очередь (у каждого элемента своя очередь), воткнуть свою функцию в эту же очередь можно с помощью метода .queue(fn) - попробуйте попробовать сделать таким способом.
Аватар пользователя
zandroid
Модератор
 
Сообщений: 1164
Зарегистрирован: 21 янв 2010, 22:16
Откуда: Нижний Новгород

Re: функция

Сообщение sombady » 11 янв 2012, 16:12

Не стал создавать тему: задам вопрос здесь.

Как запретить выделение текста в любом элементе страницы?
Аватар пользователя
sombady
 
Сообщений: 37
Зарегистрирован: 20 окт 2010, 23:24

Re: функция

Сообщение zandroid » 12 янв 2012, 10:00

sombady писал(а):Не стал создавать тему: задам вопрос здесь.

Как запретить выделение текста в любом элементе страницы?


http://bit.ly/z4oxbg
Аватар пользователя
zandroid
Модератор
 
Сообщений: 1164
Зарегистрирован: 21 янв 2010, 22:16
Откуда: Нижний Новгород


Вернуться в Вопросы от совсем новичков

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2