jQuery技术:如何在每次字符串迭代后调用回调函数?

我正在使用jQuery库类型 – 它在这里找到: http ://macarthur.me/typeit/docs/

这是我的代码

$('.type-it').typeIt({ strings: ['Text 1','Text 2'], speed: 110, breakLines: false, callback: function() { $('.type-it').css('background-color', '#EFC137').delay(1000).queue(function() {$('.type-it').empty() }) } }) .tiPause(1000); 

我想要做的是在键入每个字符串后运行回调函数,而不是在键入所有字符串之后。

有任何想法吗?

提前致谢。

    如果库不支持它,我们可以将单个字符串传递给函数。 这是一个黑客做到这一点。

     $(document).ready(function() { var ara = ['Text 1', 'Text 2'].reverse(); doType(); function doType() { var x = ara.pop(); $('.type-it').typeIt({ strings: [x], speed: 110, breakLines: false, callback: function() { $('.type-it').css('background-color', '#EFC137').delay(2000).queue(function() { $('.type-it').empty(); $('.type-it').css('background-color', 'transparent'); if (ara.length > 0) doType(); }) } }); } }); 
     .type-it { transition: all 0.5s ease-in-out; } 
       

      以上就是jQuery教程分享如何在每次字符串迭代后调用回调函数?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/541592.html

      (0)
      上一篇 2021年1月4日
      下一篇 2021年1月4日

      精彩推荐