Jquery 对函数的第二次调用返回未捕获的TypeError:####不是函数
我在JS/jQuery上很没用,还有很多其他的代码和动画都不容易分享,但是有人能告诉我为什么在最后一个Jquery 对函数的第二次调用返回未捕获的TypeError:####不是函数,jquery,function,typeerror,Jquery,Function,Typeerror,我在JS/jQuery上很没用,还有很多其他的代码和动画都不容易分享,但是有人能告诉我为什么在最后一个wordpressaim()之前这些都很好用吗 第一次调用wordpressAnim()工作正常,但当它再次调用时,我得到错误: 未捕获类型错误:wordpressAnim不是函数 对不起,以前没有添加。下面是wordpressAnim()功能: var wordpress = $('.wordpress_anim'), wordpressAnim; function wordpressAni
wordpressaim()之前这些都很好用吗代码>
第一次调用wordpressAnim()代码>工作正常,但当它再次调用时,我得到错误:
未捕获类型错误:wordpressAnim不是函数
对不起,以前没有添加。下面是wordpressAnim()代码>功能:
var wordpress = $('.wordpress_anim'),
wordpressAnim;
function wordpressAnim(){
var tlWordpressVisible = new TimelineLite
tlWordpressSetup = new TimelineLite
wordpressAnim = $('.wordpress_anim'),
wordpressText1 = $('.wordpress_anim .text1'),
wordpressText2 = $('.wordpress_anim .text2'),
wordpressPercent1 = $('.wordpress_anim .percent1'),
wordpressPercent2 = $('.wordpress_anim .percent2'),
wordpressCircle_front_89 = $('.wordpress_anim .circle_front_89'),
wordpressCircle_front_50 = $('.wordpress_anim .circle_front_50'),
wordpressPercent1Number = $('.wordpress_anim .percent1Number'),
wordpressPercent2Number = $('.wordpress_anim .percent2Number'),
wordpressCircle_back = $('.wordpress_anim .circle_back'),
wordpressLogo = $('.wordpress_anim .wordpress'),
wordpressCounter = { var: 0 },
tlWordpress_anim = new TimelineMax;
tlWordpressVisible.set("circle,polygon,polyline,line,polygon,path, rect", {visibility:"visible"});
tlWordpressSetup.set(".wordpress_anim .percent2, .wordpress_anim .text2", {visibility:"hidden"});
tlWordpress_anim
.to(wordpressCounter, 3.5, {
var: 89,
onUpdate: function () {
$(wordpressPercent1Number).html(Math.ceil(wordpressCounter.var));
},
ease:Power3.easeInOut
})
.from(wordpressLogo, 1, { y:-50, opacity:0, ease:Power3.easeInOut}, '-=3.5')
.from(wordpressCircle_back, 0.5, { opacity:0, ease:Power3.easeInOut }, '-=3.5')
.from(wordpressText1, .5, { y:10, opacity:0, ease:Power3.easeInOut}, '-=2.25')
.from(wordpressCircle_front_89, 1.5, { drawSVG:"0 0", ease:Power3.easeInOut}, '-=2')
.to(wordpressText1, .5, { y:200, opacity:0, ease:Power3.easeInOut}, 9)
// Start second WordPress Anim
.to(wordpressPercent1, .5, { opacity:0, ease:Power3.easeInOut}, '-=.25')
.to(wordpressCircle_front_89, .5, { opacity:0, ease:Power3.easeInOut}, '-=.5')
.set(wordpressPercent2, {visibility:"visible"})
.set(wordpressText2, {visibility:"visible"})
.set(wordpressCounter, {
var: 0
})
.to(wordpressCounter, 1.5, {
var: 50,
onUpdate: function () {
$(wordpressPercent2Number).html(Math.ceil(wordpressCounter.var));
},
ease:Power3.easeInOut
})
.from(wordpressText2, .5, { y:10, opacity:0, ease:Power3.easeInOut}, '-=1.5')
.from(wordpressCircle_front_50, 1.5, { drawSVG:"0 0", ease:Power3.easeInOut}, '-=1.5')
.to(wordpressAnim, .5, { y:200, opacity:0, ease:Power3.easeInOut}, 18)
.to(wordpressAnim, .1, { opacity:0, ease:Power3.easeInOut, onComplete: wordpressComplete});
}
我认为这可能是由于一个名为wordpressAnim
的变量和一个名为相同的函数wordpressAnim()
您可以尝试将函数重命名为类似于wordpressAnimFunc()
的名称,并尝试改用它吗?您应该转储更多相关代码以获得帮助。您可以详细说明函数wordpressAnim()
的外观吗?抱歉,添加了该函数。这完全修复了它,我自己应该已经发现了。真是太感谢你了,马特!
var wordpress = $('.wordpress_anim'),
wordpressAnim;
function wordpressAnim(){
var tlWordpressVisible = new TimelineLite
tlWordpressSetup = new TimelineLite
wordpressAnim = $('.wordpress_anim'),
wordpressText1 = $('.wordpress_anim .text1'),
wordpressText2 = $('.wordpress_anim .text2'),
wordpressPercent1 = $('.wordpress_anim .percent1'),
wordpressPercent2 = $('.wordpress_anim .percent2'),
wordpressCircle_front_89 = $('.wordpress_anim .circle_front_89'),
wordpressCircle_front_50 = $('.wordpress_anim .circle_front_50'),
wordpressPercent1Number = $('.wordpress_anim .percent1Number'),
wordpressPercent2Number = $('.wordpress_anim .percent2Number'),
wordpressCircle_back = $('.wordpress_anim .circle_back'),
wordpressLogo = $('.wordpress_anim .wordpress'),
wordpressCounter = { var: 0 },
tlWordpress_anim = new TimelineMax;
tlWordpressVisible.set("circle,polygon,polyline,line,polygon,path, rect", {visibility:"visible"});
tlWordpressSetup.set(".wordpress_anim .percent2, .wordpress_anim .text2", {visibility:"hidden"});
tlWordpress_anim
.to(wordpressCounter, 3.5, {
var: 89,
onUpdate: function () {
$(wordpressPercent1Number).html(Math.ceil(wordpressCounter.var));
},
ease:Power3.easeInOut
})
.from(wordpressLogo, 1, { y:-50, opacity:0, ease:Power3.easeInOut}, '-=3.5')
.from(wordpressCircle_back, 0.5, { opacity:0, ease:Power3.easeInOut }, '-=3.5')
.from(wordpressText1, .5, { y:10, opacity:0, ease:Power3.easeInOut}, '-=2.25')
.from(wordpressCircle_front_89, 1.5, { drawSVG:"0 0", ease:Power3.easeInOut}, '-=2')
.to(wordpressText1, .5, { y:200, opacity:0, ease:Power3.easeInOut}, 9)
// Start second WordPress Anim
.to(wordpressPercent1, .5, { opacity:0, ease:Power3.easeInOut}, '-=.25')
.to(wordpressCircle_front_89, .5, { opacity:0, ease:Power3.easeInOut}, '-=.5')
.set(wordpressPercent2, {visibility:"visible"})
.set(wordpressText2, {visibility:"visible"})
.set(wordpressCounter, {
var: 0
})
.to(wordpressCounter, 1.5, {
var: 50,
onUpdate: function () {
$(wordpressPercent2Number).html(Math.ceil(wordpressCounter.var));
},
ease:Power3.easeInOut
})
.from(wordpressText2, .5, { y:10, opacity:0, ease:Power3.easeInOut}, '-=1.5')
.from(wordpressCircle_front_50, 1.5, { drawSVG:"0 0", ease:Power3.easeInOut}, '-=1.5')
.to(wordpressAnim, .5, { y:200, opacity:0, ease:Power3.easeInOut}, 18)
.to(wordpressAnim, .1, { opacity:0, ease:Power3.easeInOut, onComplete: wordpressComplete});
}