如何执行多个并发的jquery效果？

原文

我在一个页面上动画化一些错误/验证元素.我希望他们反弹并被强调,但如果可能,同时.这是我目前正在做的： 
var els = $(".errorMsg");
els.effect("bounce",{times: 5},100);
els.effect("highlight",{color: "#ffb0aa"},300);

这使得元素首先反弹,然后被突出显示,我希望它们同时发生.我知道用.animate()可以在选项中指定queue：false,但是我不想使用动画,因为预先构建的效果“反弹”和“突出显示”正是我想要的.

我已经尝试简单地链接像els.effect().effect()这样的调用,这不起作用.我也尝试在我传入的选项对象中放置queue：false,这不起作用.

解决方法

jQuery UI默认排队效果.使用dequeue()同时运行： 
var opt = {duration: 7000};

    $('#lbl').effect('highlight',opt).dequeue().effect('bounce',opt);

Demo in JsFiddle

如何执行多个并发的jquery效果？的更多相关文章

  1. swift TabBar

    先上效果图如下：1.在APP的AppDelegate页面中加载TFTabBarViewController类2.创建FirstViewController，SecondViewController，ThirdViewController，FourthViewController四个页面，然后设置下页面的颜色（便于点击下面的TabBar时，可以看到切换的效果）3.将刚刚创建的页面加载到TabBar中

  2. 禁用Android中链接周围的橙色突出显示

    我已经尝试了一百万次去除Androidwebview上链接周围恼人的橙色高亮框,但它们似乎并没有消失.不,这不起作用：我真的很困惑,其他任何想法？我在galaxyS3上测试.解决方法尝试从here.结果真正棘手的是第二个属性,用户修改.我认为这是自4.0.4以来的要求,这恰好影响了galaxyS3等.您可以缩小选择器的范围,但必须影响链接的父级,例如或者,而不是链接本身.

  3. SyntaxHighlighter与ajax公用的时候不能正常显示代码高亮的解决方法

    SyntaxHighlighter是当前比较流行的一个高亮显示代码的插件，但今天在与ajax使用的时候遇到了无法正常高亮显示的问题，参考了http://stackoverflow.com/questions/6471526/use-Syntax-Highlighter-on-ajax-loaded-content的解决方法，把SyntaxHighlighter.all()换成SyntaxHighl

  4. Angular 4 Material表突出显示一行

    我正在寻找一种在md-table中高亮显示整行的好方法。我应该做指令还是什么？有人可以帮我这个吗？每当点击的行索引等于selectedRowIndex时，将应用该类。

  5. 单元测试 – 单位测试$sce.trustAsHtml的输出

    我在Angular写一个REST应用程序，我想为它编写单元测试(当然！单元测试时出现问题。其次，如果是这样，我该怎么去测试$sce.trustAsHtml的输出呢？为了测试这个，我需要在结果值上使用$$unwrapTrustedValue函数来使我的测试工作：更新：正如@gugol所指出的那样，最好不要使用像$unwrapTrustedValue这样的Angular内部方法。

  6. 如何执行多个并发的jquery效果？

    我在一个页面上动画化一些错误/验证元素.我希望他们反弹并被强调,但如果可能,同时.这是我目前正在做的：这使得元素首先反弹,然后被突出显示,我希望它们同时发生.我知道用.animate()可以在选项中指定queue：false,但是我不想使用动画,因为预先构建的效果“反弹”和“突出显示”正是我想要的.我已经尝试简单地链接像els.effect().effect()这样的调用,这不起作用.我也尝试在我

  7. angular2 – @HostBinding和@HostListening：他们做什么,他们是什么？

    看来他们是相当根本的，但不幸的是，他们的文档目前是有点粗略。任何人都可以解释他们是什么，他们如何工作，并举一个他们的用法的例子？我真诚地从我的心深处承诺，我已经搜索Interweb的例子，但没有找到任何有效的阐明。这里是一个基本的悬停例子。组件的模板属性：我们的指令：

  8. javascript – 如何从内部过滤器输出html

    我的过滤器是否正确？编辑/解决方案在这种情况下的问题是codepen,有一些与vue的冲突,所以我无法使用{{{}}}逃脱html,将代码放在另一个编辑器中,它的工作.我正在接受给予奖励的答案,因为它是正确的.解决方法您需要3个步骤才能实现您想要的：>使用三重括号{{{}}}显示未转义的html>通过v-model变量过滤您的用户,以便仅显示匹配项>用替换匹配的子串标签查看此工作jsfiddle中的已计算过滤的用户和过滤器

  9. jquery – 如何发送回js.haml在rails

    我有一个rails创建动作，发送回一些文件中的jquery：create.js.erb我已经开始使用HAML，想知道我应该如何转换。如果是这样，标记应该是什么样子？解决方法实际上，在HAML中返回JS非常简单，只需使用：plainfilter，并在#{}中包含您想要评估的任何内容。如果你需要使用一些逻辑，只需把：plain里面的嵌套。

  10. jquery – test if display = none

    或者你可以停止错误，如果另一行可以做同样的：我需要过滤表中的行和颜色一些词。如果选择了许多单词，数据已经成为着色的方法。所以我会尽量限制着色只通过无隐藏元素。解决方法如果你想获得可见的tbody元素，你可以这样做：它看起来类似于Agent_9191给出的答案，但是这会从选择器中删除空格，这使得它选择可见的tbody元素而不是可见的后代。

随机推荐

  1. jquery-plugins – 是否可以使用猫头鹰旋转木马实现循环/无限轮播？

    我正在使用猫头鹰旋转木马,它的工作完美,除了它不支持循环/无限滚动.我没有搜索google和stackoverflow的想法,没有运气.有没有人在猫头鹰旋转木马上实现圆形/无限滚动？

  2. jQuery动态输入字段焦点

    我想使用以下jQuery向我的页面动态添加一个输入字段：在这样做之后,我希望输入字段具有闪烁的文本光标的焦点,所以我想在创建后立即输入.有人可以告诉我我该怎么办？

  3. jquery – 为什么$(window).height()这样错了？

    我试图获取当前浏览器的视口高度,使用但我得到的价值观太低了.当视口高度高达850px时,我从height()获取大约350或400像素的值.这是怎么回事？

  4. jquery – 如果在此div之外和其他draggables内部(使用无效和有效的还原选项),则可拖动恢复

    例如这样但是由于明显的原因,这不行.我可以说这个吗？

  5. 创建一个jQueryUI 1.8按钮菜单

    现在jQueryUI1.8已经出来了,我正在浏览更新,并且遇到了新的Buttonwidget,特别是SplitButtonwithadropdown的演示之一.这个演示似乎表明Buttonwidget可以在这里创建一个下拉菜单.作为讨论的问题,我想知道使用这个新的Button小部件来创建一个下拉菜单有什么方法.干杯.解决方法您必须在按钮下方列出一个列表,方式类似于此处为自动完成提供的演示：http

  6. 灰色divs使用JQuery

    我试图使用这个代码：为了淡出一大堆名为MySelectorDiv的div,唯一的是,它只会淡出第一个而不是所有的div,为什么呢？

  7. 使用jQuery动态插入到列表中

    我有两个订单列表在彼此旁边.当我从一个列表中选出一个节点时,我想按照字母顺序插入到另一个列表中.抓住的是我想要把一个元素放在另一个列表中,而不刷新整个列表.奇怪的是,当我插入到右边的列表中,它工作正常,但是当我插入到左边的列表中时,顺序永远不会出来.我也尝试将所有内容读入数组,并将其排序在一起,以防止children()方法没有按照显示顺序返回任何东西,但是我仍然得到相同的结果.这是我的jQuer

  8. 没有回应MediaWiki API使用jQuery

    我试图从维基百科获取一些内容作为JSON：但我没有回应.如果我粘贴到浏览器的地址栏,就像我得到预期的内容.怎么了？解决方法您需要通过添加&callback=？来触发具有$.getJSON()的JSONP行为？在querystring上,像这样：Youcantestithere.没有使用JSONP,你正在击中same-originpolicy,阻止XmlHttpRequest获取任何数据.

  9. jQuery Ajax请求每30秒

    我有这段代码,但是有些人在我的网站上的值可能会改变.我需要每30秒钟更新一次#financediv.这可以做吗解决方法您可以将代码放在单独的函数中,如下所示：然后每30秒建立一个定时器调用该函数：祝你好运！总结以上是DEVMAX为你收集整理的jQueryAjax请求每30秒全部内容。如果觉得DEVMAX网站内容还不错，欢迎将DEVMAX网站推荐给好友。

  10. jquery – keypress事件在IE和Chrome中不工作,但在FF工作

    任何想法为什么会这样发生？我通常认为Chrome会更加宽容代码？这是我的按键键.我错过了什么吗？右图();和leftimage();是应该工作的功能,因为我在其他地方使用这些功能谢谢您的帮助！

返回
顶部