Tag: jquery animate

.animate（）的回调错误？: 我正在尝试制作一些div来制作动画，然后在回调中调用另一个函数。没什么难的。这是代码： function transfertMenu(){ var chosenOption = this.firstChild.firstChild.id; $(‘#leftMenucontent’).animate({ left:’0px’ }, 500, constructMenu()); $(‘#leftMenucontent > ul > li’).remove(); chooseMenu(chosenOption); } 并尝试过 function transfertMenu(){ var chosenOption = this.firstChild.firstChild.id; $(‘#leftMenucontent’).animate({ left:’0px’ }, 500, function() { constructMenu(); }); $(‘#leftMenucontent > ul > li’).remove(); chooseMenu(chosenOption); } 问题是，当我在回调（constructMenu）中放置一个alert（）时，它完美地运行，动画结束，然后弹出警报。当我输入一个函数时，它会在动画完成之前从头开始。这是一个错误，还是我做错了什么？

如何延迟超链接直到CSS动画结束？: 一旦CSS动画结束，我正试图让锚标签重定向。我尝试在jQuery中捕获href并使用’setTimeout’在转到锚点之前导致延迟（这是以前的线程中建议的），但它一直没有工作。 $(document).ready(function() { $(‘.section’).click(function() { var goTo = this.getAttribute(“href”); //HOLDS HREF var $elementA = $(‘.section’).bind(‘webkitAnimationEnd’, function() //ANIMATION BEGIN { $(this).removeClass(‘clicked’); }); var $elementB = $(‘.section’).bind(‘animationend’, function() { $(this).removeClass(‘clicked’); }); $(‘.section’).click(function() { $(this).addClass(‘clicked’); //ANMATION END }); setTimeout(function() { //SUPPOSED TO DELAY LINK window.location = goTo; }, 300); }); }); a { overflow: hidden; } .section […]

我应该使用/避免jQuery动画吗？: 一个问题突然出现在回答这个问题，其中OP希望应用此转换： test.css({transition: ‘height 1s linear’, height: ‘100px’}); 然后回到这个： test.css({transition: ‘none’, height: ‘0px’}); 他说他需要从js完成它，并要求一个更好的主意，所以我提出了这种方法： test.animate({height: ‘100px’}, 1000, ‘linear’, function(){ test.css({transition: ‘none’, height: ‘0px’}); }); 这是我的jsFiddle： https ：//jsfiddle.net/mqaunyvp/1/ @Matrix评论说JS和jQuery动画不如原生CSS优化，这是正确的，但我认为不是在那个主题中的主题。所以这是一个问题：按照我建议的方式完成这项工作是否正确？或者你会反对吗？为什么？

jQuery：暂时禁用hover…意外的副作用: 我遇到了.hover（）的问题。我想暂时禁用它，我已经完成了，但它有一个意想不到的副作用，我想摆脱它。以下是我的小提琴： http ： //jsfiddle.net/sdPVG/7/ 我正在尝试在工具提示和下拉菜单打开时禁用hover（topTip和topDrop）。单击红色图标（topIconNew）后会打开这些div，这会扩大工具提示。不幸的是，工具提示在点击后会保持永久加宽。我希望div能够恢复正常（较窄）的状态。我哪里出错了？任何和所有帮助赞赏。谢谢！

如果$（element）hasClass然后.animate（）不工作？: 我正在制作一个箭头动画，当一个元素有一个“activeSlide”类由于某种原因它没有按预期运行。我不知道为什么会这样，任何人都可以提供一些有关我做错什么的见解？ $(document).ready(function() { if($(‘#navitem-2’).hasClass(“activeSlide”)){ $(“#navarro”).animate({marginLeft:”220px”}, 500); }; }); 谢谢！ * 更新 * ：以下是类更改onclick的一个例子，但动画不起作用： http ： //jsfiddle.net/somewhereinsf/pn5sx/1/

jQuery“圆形”动画: http://www.beautifulexplorer.com/main.html?skip=1 当你第一次打开这个网站时，有一个饼图，它是中心擦除动画或类似的。我查了一下代码，它看起来像是jQuery，但我只是想知道这种类型的掩码（？）动画是否有更独立的例子？

SCRIPT87：参数无效: 我有一个jquery函数，适用于所有浏览器，但不是ie7和ie9兼容模式。问题出在这个函数中： $(‘.non-attivo’).live(‘click’,function(){ clearInterval(start_slide); n_btn = “”; for(var i=1;i<$(this).attr('id').length; i++) n_btn += $(this).attr('id')[i] + ""; slide_pos = parseInt(n_btn, 10); var margin_slider = slide_pos * 780; $('#immagini').animate({ marginLeft: "-" + margin_slider + "px"}, 500 ); $('.attivo').attr('class', 'non-attivo'); $(this).attr('class', 'attivo'); start_slide = setInterval(rotate, 4000); }); 错误是： SCRIPT87：参数无效。 jquery.min.js，第4行23894 我该如何解决？

如何动画浮动：左div？: 所以我在web-app的工具栏中有一系列float：left div元素。其中一个，当点击时，通过jQuery滑动动画向右扩展。这个div右边的所有div应该滑过来为它增加的大小腾出空间，但是他们跳到他们的新位置腾出空间，然后当我再次缩小它时跳回去。如何将其修复为平滑的幻灯片？我想我需要.animate（），但我无法弄清楚如何在不改变位置的情况下做到：绝对，我不想使用它。

动画高度从底部到顶部而不是从顶部到底部: 如何反向实现高度动画？而不是典型的动画从顶部开始并向下工作，我怎样才能让它从元素的底部开始动画并向上朝向元素的顶部？该事件由a#link-1触发，动画发生在div#line-1 。这是我的代码：它似乎不起作用。： – / HTML Link 1 CSS #pageContainer{ position: relative; margin: 0px 0px 200px 0px; min-height: 748px; height: 748px; background: url(‘../img/sprite.png’) bottom center no-repeat; } a#link-1{ position: absolute; top: 686px; left: 36px; text-align: center; display: block; width: 76px; height: 24px; line-height: 24px; z-index: 20; } div#line-1{ position: absolute; top: 4px; […]

在jQuery代码中放置clearQueue的位置: 我有以下代码： $(“#myDiv”).hover( function () { $(this).clearQueue().animate({ backgroundColor: “#d7df23”, opacity: 0.95 }, 250).find(“.thumb”).clearQueue().animate({ backgroundColor: “#FFF” }, 250).attr(‘src’,’myIMG.jpg’); $(this).next(“div”).clearQueue().fadeIn(150); // THIS MAY BE WHERE THE PROBLEM IS… }, function () { $(this).clearQueue().animate({ backgroundColor: “#222”, opacity: 0.90 }, 250).find(“.thumb”).clearQueue().animate({ backgroundColor: “#000” }, 250).attr(‘src’,’https://stackoverflow.com/questions/9365205/where-to-put-clearqueue-in-jquery-code/myIMGup.jpg’); $(this).next(“div”).clearQueue().fadeOut(500); // THIS ALSO MAY BE WHERE THE PROBLEM IS… } ); hoverfunction的第一部分工作正常，但只要我需要对下一个div做任何事情我就会遇到问题。如果您在移动鼠标之前等待动画完成，则上面的代码可以正常工作，但是如果您在动画完成之前鼠标移开，则下一个div会消失，我根本无法显示它。有任何想法吗？ […]