草庐IT

动画插件

全部标签

javascript - 我怎样才能让 jquery 完全并行地执行动画?

我正在尝试在jquery中创建一个类似于jquery'saccordionplugin的Accordion小部件,不同之处在于我希望句柄出现在各自内容的下方而不是上方。我的Accordion通过降低打开内容部分的高度同时增加点击内容部分的高度来工作。我发布了一个示例here.我的问题是动画没有在完全相同的时间开始,并且由于第二个动画开始之前的轻微延迟而出现明显的“跳跃”。Scriptaculous有一个名为Effect.Parallel的函数允许您创建一系列动画效果并并行执行它们。不幸的是,我似乎找不到与jquery类似的东西。有没有一种方法可以在jquery中的单独div上运行精确的

javascript - 使用 ui 插件时 Jstree 节点不起作用

我发现使用ui插件会破坏树节点的链接。这不是什么新鲜事,我在其他地方找到了对这个问题的引用。第一个原因是jquery验证插件v1.6的问题。我没有使用那个插件,所以这不是原因。我还发现了一个很好的帖子,描述了将jstree-clicked类添加到的几种方法。标签。这看起来很有希望,但当我尝试时,我没有发现任何区别。这是一个非常简单的例子:YAHOO!$(function(){$("#treediv").jstree({"core":{"animation":0},"themes":{"theme":"classic"},"plugins":["themes","html_data","

javascript - 在 AngularJS 应用程序中使用 select2 插件

我在我的AngularJS应用程序中使用select2插件来显示一些实体(标签)的列表。这是我的模板部分:select.ddlTags(ui-select2="select2Options",multiple,ng-model="link.tags")option(ng-repeat="tagintags",value="{{tag.id}}"){{tag.name}}这是我的范围代码的一部分:$scope.select2Options={formatNoMatches:function(term){varmessage='Добавитьтэг"'+term+'"'console.l

javascript - 在没有动画的情况下将进度条重置为零(在 Bootstrap 中)

我有多个操作要执行,我正在使用Bootstrap进度条来显示每个操作的进度。每个Action完成后,使用下面的代码行将进度条设置为零$('.progress').attr('样式',"宽度:0%")但是,这个动画是相反的,对于用户来说,应用程序似乎正在撤消之前执行的操作。如何在没有反向动画效果的情况下立即重置进度条? 最佳答案 您可以删除进度条的转换,如thisanswer中所述.notransition{-webkit-transition:none!important;-moz-transition:none!important

javascript - jQuery 验证插件中组的自定义错误消息

我正在使用jQuery验证插件,我已经开始将我的一些字段组合在一起:groups:{fullName:"myFirstNamemyLastName"},我还将这些字段添加到规则部分,以便对它们进行验证:rules:{myFirstName:{required:true},myLastName:{required:true}},这很好用,并为组产生“此字段是必需的”错误。我的问题在于自定义错误消息。我有以下设置:messages:{fullName:"Pleaseenterbothyourfirstnameandyourlastname"}不幸的是,自定义错误没有显示,只有通用错误。有没

javascript - 没有 jQuery 的动画 'show'

我想在我正在处理的这个最新网站上制作一些动画。基本上,我需要一个或两个基于单选按钮集或复选框上的onClick事件的div/段落显示/隐藏(然后,如果单选/检查是值A,则显示div/p,如果是B,则隐藏它)问题是,这就是我想在那个特定网站上进行javascript化的所有内容,所以jQuery看起来有点矫枉过正(即使是缩小版)是否有任何简单[我不能强调这一点]方法来通过vanillajavascript或其他一些最小的库来做到这一点[我通常正在寻找有什么想法吗?谢谢!编辑:感谢大家,我刚刚意识到,虽然我需要做的一些事情可以通过智能html+js完成,但是显示/隐藏正确的div的规则是如

javascript - 同位素中的动画项目大小 : Why is first item wonky?

我正在学习使用Isotope并看到了作者关于如何animateitemsizes的博客文章.我已经为我正在开发的项目实现了它。它由三个垂直列组成。每个项目为196像素x70像素。当您单击某个项目时,它会扩展到402像素x230像素。所有项目都正确调整大小并导致Isotope刷新布局-除了第一个项目。单击第一个项目会导致所有后续列表项目仅在一个垂直列中排列-即使有足够的空间并且项目应该围绕第一个项目排列。单击列表中的任何其他项目都会导致正确的行为。只有第一个是靠不住的。谁能看出是什么原因造成的?这是我的测试用例:http://joshrenaud.com/pd/testcase/test

javascript - 使用 jQuery 动画宽度时出现奇怪的 "shaking"效果(仅在 Chrome 中!)

我在一个简单的代码片段中使用jQuery为li元素的宽度设置动画。我使用hover()作为处理程序,使用.animate()来设置宽度动画。这是我的代码。$('li').each(function(){//storetheoriginalwidthoftheelementinavariablevaroldWidth=$(this).width();$(this).hover(function(){//whenthemouseenterstheelement,animatewidthto900px$(this).animate({width:'900px'},600,'linear')}

javascript - 使用 jquery 表情符号插件时,componentDidMount 的行为与 useEffect 不同

我一直在我的一个组件上使用jquery表情符号插件,直到我完成了我正在构建的自定义插件。出于某种原因,当我在componentDidMount中调用表情符号插件时,一切正常除了利用自定义按钮显示表情符号模式的能力。当我使用自定义按钮时,表情符号插件不会将事件附加到按钮。疯狂的是,我可以在useEffect中使用完全相同的代码,并且它可以很好地将事件监听器附加到自定义按钮。我通过在页面加载后在Web控制台中查看附加到元素的事件来验证未附加事件监听器。您可以通过将此组件放置在应用程序的某处(并使用emoji-areaplugin导入jquery)轻松重现此问题:importReact,{u

javascript - 使用 JQuery 自定义路径动画

我创建了这个将onTouchEvents点发送到Web服务器的android应用程序,并且我有一个页面通过Ajax获取运动点JSON数据,如下所示:{"data":[{"x":224.28035,"y":235.4906},{"x":263.32916,"y":219.45718},{"x":293.3667,"y":215.44885},.....]}现在我想使用这些数据并使用平滑路径动画在屏幕上制作一个div,类似于flash路径动画,是否有解决此问题的插件?附言:http://weepy.github.com/jquery.path/似乎没有自定义路径动画,或者我可能遗漏了一些东