Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.09.2016, 20:43
Интересующийся
Отправить личное сообщение для кирикала Посмотреть профиль Найти все сообщения от кирикала
 
Регистрация: 03.08.2016
Сообщений: 21

JQuery animate() toggle click
Люди подскажите плиз по анимации в JQuery кто шарит

Вопрос вот в чем, например функция
$('#selector li').hover();

принимает function() {} , function() {} две штуки через запятую( как бы на событие когда мышь входит поверх объекта и уходит с поверхности объекта), а
$('#checkboxOne').click();

так не делает, пробую
click();

на
toggle();

менять не пашет чет хз хотя форумы пишут что должно работать

и кста наверно это важно но
пытаюсь сделать
toggle();
для
animate();
мб оно изза этого не пашет? мб там структура другая нужна, а не просто такая...
$(document).ready (function() {

  $('#checkboxOne').toggle(
      function() {
    $('#mydiv').animate({ 'transform' : 'rotate(-40deg)' }, 500 , 'easeInSine');} ,  
      function() {
    $('#mydiv').animate({ 'transform' : 'rotate(40deg)' }, 500 , 'easeInSine');}

);

});

Использую jquery-ui.min и jquery.min
Кто что посоветует может посоветовать....
Ответить с цитированием
  #2 (permalink)  
Старый 20.09.2016, 21:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,018

Сообщение от кирикала
пытаюсь сделать toggle();
не пытайтесь
Сообщение от кирикала
Кто что посоветует может посоветовать....
забыть, то что вы читали, а читать документацию или вот этот форум http://javascript.ru/forum/ тут с десяток ответов по вашей проблеме и готовых решений ... поиск вам в руки
Ответить с цитированием
  #3 (permalink)  
Старый 21.09.2016, 05:55
Интересующийся
Отправить личное сообщение для кирикала Посмотреть профиль Найти все сообщения от кирикала
 
Регистрация: 03.08.2016
Сообщений: 21

вообще с toggle чето нарыла мб конечно кто скажет кривое но хз вроде работает приблизительный пример тут http://jsfiddle.net/HwTMb/2/ чуть доделанный код ниже...
$('#foo1').click(function() { 
var rot = parseInt($('#foo').css("border-spacing"));

if (rot === 0) {

$('#foo').animate({  borderSpacing: 350 }, {
    step: function(now,fx) {
      $(this).css('-webkit-transform','rotate('+now+'deg)'); 
      $(this).css('-moz-transform','rotate('+now+'deg)');
      $(this).css('transform','rotate('+now+'deg)');
    },
    duration:'slow'
},'linear');

} else {

$('#foo').animate({  borderSpacing: 0 }, {
    step: function(now,fx) {
      $(this).css('-webkit-transform','rotate('+now+'deg)'); 
      $(this).css('-moz-transform','rotate('+now+'deg)');
      $(this).css('transform','rotate('+now+'deg)');
    },
    duration:'slow'
},'linear');

}

});

<div id="foo">Text</div>
<div id="foo1"></div>

#foo {
   width:100px;
   height:100px;
   position:absolute;
   top:100px;
   left:100px; 
   border-spacing: 0;
   background-color:red;
}
#foo1 {
   width:10px;
   height:10px;
   position:absolute;
   top:200px;
   left:200px; 
   border-spacing: 0;
   background-color:red;
}
Ответить с цитированием
  #4 (permalink)  
Старый 21.09.2016, 11:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,018

кирикала,
mytoggle

Проблемка с toggle
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Jquery. animate. opacity Dimas22 jQuery 1 12.03.2016 12:08
Аналог jQuery(...).animate на чистом JS 2chan Общие вопросы Javascript 3 12.07.2015 20:23
Два вопроса по animate() jQuery Neznayka Общие вопросы Javascript 11 15.05.2013 01:59
jQuery Click() не работает на объекте, созданном Ajax vovabigov jQuery 13 09.09.2012 14:25
jQuery, функция animate(), рекурсия xintrea jQuery 12 03.01.2011 12:33