Javascript jqueryeach-如何构建方法链接?
我想知道是否有可能使用jQuery$为一个对象动态链接方法。每个方法或类似的方法 我的函数现在看起来像这样。我解析字符串数组并传递给typewriter.js脚本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,
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循环怎么样?工作完美!谢谢:)工作得很好!谢谢:)