Javascript jqueryeach-如何构建方法链接?

Javascript jqueryeach-如何构建方法链接?,javascript,jquery,Javascript,Jquery,我想知道是否有可能使用jQuery$为一个对象动态链接方法。每个方法或类似的方法 我的函数现在看起来像这样。我解析字符串数组并传递给typewriter.js脚本 function initTypewriter(){ if ( $('[js-typewriter]').length > 0 ){ $('[js-typewriter]').each(function(i,el){ var typewriter = new Typewriter(el,

我想知道是否有可能使用jQuery$为一个对象动态链接方法。每个方法或类似的方法

我的函数现在看起来像这样。我解析字符串数组并传递给typewriter.js脚本

  function initTypewriter(){
    if ( $('[js-typewriter]').length > 0 ){
      $('[js-typewriter]').each(function(i,el){
        var typewriter = new Typewriter(el, {
          loop: true
        });
        var strings = $(el).data("type").split(';');

        typewriter
          .typeString(strings[0])
          .pauseFor(2000)
          .deleteAll()
          .typeString(strings[1])
          .pauseFor(2000)
          .deleteAll()
          .typeString(strings[2])
          .pauseFor(2000)
          .start();

      })
    }
  }
问题是数组中可能有10或20个字符串。所以我想把我的代码用类似

    $.each(strings, function(i,str){
      // hot to add to chain of typewriter instance ?? 
      .typeString(str)
      .pauseFor(2000)
      .deleteAll()
    })

。。因此,我不应该重复相同的20次,我不确定您使用的是哪个库,但这应该可以:

var chained = typewriter;
$.each(strings, function(i,str){
  chained = chained
  .typeString(str)
  .pauseFor(2000)
  .deleteAll();
});
chained.start();
大多数使用链接的功能都会在每次调用后返回实例。通过在链接后为实例设置一个变量来利用这一点,意味着您始终拥有添加了最新链接函数的实例


您可以只使用
打字机
而不是
链接
——引入该变量是为了使链接方面更清晰。

我不确定您使用的是什么库,但这应该可以:

var chained = typewriter;
$.each(strings, function(i,str){
  chained = chained
  .typeString(str)
  .pauseFor(2000)
  .deleteAll();
});
chained.start();
大多数使用链接的功能都会在每次调用后返回实例。通过在链接后为实例设置一个变量来利用这一点,意味着您始终拥有添加了最新链接函数的实例


您可以只使用
打字机
而不是
链接
——引入该变量是为了使链接方面更清晰。

您是否尝试过只使用
打字机.typeString…
?只使用foreach循环如何?你试过只用
打字机。typeString…
?用foreach循环怎么样?工作完美!谢谢:)工作得很好!谢谢:)