8-4. jQuery特效:创建并管理队列

4)stop方法

停止匹配元素当前 正在运行 的 动画方法

stop( [queue ] [, clearQueue ] [, jumpToEnd ] )

参数:

queue:停止动画队列的名称(默认值为标准的该元素上面的fx这个动画队列)

clearQueue:  一个布尔值,指示是否取消已列队动画。默认 false     

jumpToEnd:  一个布尔值指示是否当前动画方法立即完成。默认false

 

使用stop方法的传参不同情况:

1. jQuery对象.stop(['fx',]false,false);

     简写方式:jQuery对象.stop();

      作用:停止当前正在运行的动画方法,然后继续执行当前动画队列中的接下来的动画方法!
           
2. jQuery对象.stop(['fx',]false,true);

     作用:立刻完成当前正在执行的动画方法,然后继续执行队列中下面的动画方法!
        
3. jQuery对象.stop(['fx',]true,false);

     简写方法:jQuery对象.stop(['fx',],true);

     作用:停止正在执行的动画方法,清除队列中其他的动画方法!

4. jQuery对象.stop(['fx',]true,true);
           作用:立刻完成当前正在执行的动画方法,清除除列队中其他的所有动画方法!


           
5)finish方法 

停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画

finish( [queue ] )

参数:queue:停止动画队列中的名称(默认: 'fx')  

           当finish()在一个元素上被调用,立即停止当前正在运行的动画和所有排队的动画(如果有的话),

           并且他们的CSS属性设置为它们的目标值。所有排队的动画将被删除。


        
配置动画特效

1)$.fx.interval

     这个属性可以设置每隔多少毫秒绘制一帧图像。默认是13毫秒。

     该属性值越小,在速度较快的浏览器中(例如,Chrome),动画执行的越流畅,

     但是会影响程序的性能并且占用更多的 CPU 资源

2)$.fx.off

     全局的禁用所有动画

     当这个属性设置为true的时候,调用时所有动画方法将立即设置元素为他们的最终状态

补充:

      默认情况下,我们在同一个元素上执行的动画方法,会被自动的放入该元素下的fx队列中!

      fx队列会自动执行里面的第一个方法,当前的动画方法执行完之后还会自动执行fx队列中的下一个方法。

      非动画方法,并不会被放入fx队列中!

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这个错误通常是由于在使用 jQuery TableSorter 插件时出现了问题。根据报错信息,错误发生在 `multisort` 函数的第 638 行,指示无法读取未定义的属性 `'type'`。 我无法提供具体的解决方案,因为我没有你的代码或更多的上下文信息。但是,以下是一些可能的原因和解决方案: 1. 确保正确加载了 jQuery 和 TableSorter 插件。在你的 HTML 文件中,确保先引入 jQuery 库,然后再引入 TableSorter 插件。例如: ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="path/to/jquery.tablesorter.js"></script> ``` 2. 检查 jQuery 和 TableSorter 的版本兼容性。确保使用的 TableSorter 插件版本与你的 jQuery 版本兼容。有时,不同版本的插件可能需要特定版本的 jQuery 才能正常工作。你可以查看 TableSorter 插件的文档或官方网站,了解它所需的最低 jQuery 版本。 3. 确保正确初始化 TableSorter 插件。在加载完 TableSorter 插件之后,在你的 JavaScript 代码中使用以下方式初始化 TableSorter: ```javascript $(document).ready(function() { // 选择要应用 TableSorter 的表格,并调用 tablesorter() 方法 $("#your-table-id").tablesorter(); }); ``` 请将上述代码中的 `#your-table-id` 替换为你实际需要应用 TableSorter 插件的表格的 ID 或选择器。 如果以上解决方案都不能解决问题,请提供更多关于你的代码和环境的详细信息,以便我能够更好地帮助你解决这个问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值