javascript - JavaScript/jQuery:SyntaxError:函数语句需要名称
问题描述
我有一个功能可以在用户单击下一个/上一个按钮时更改字段集。
//jQuery time
var current_fs, next_fs, previous_fs; //fieldsets
var left, opacity, scale; //fieldset properties which we will animate
var animating; //flag to prevent quick multi-click glitches
$(".next").click(function() {
if (animating) return false;
animating = true;
current_fs = $(this).parent();
next_fs = $(this).parent().next();
//activate next step on progressbar using the index of next_fs
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
//show the next fieldset
next_fs.show();
//hide the current fieldset with style
current_fs.animate({
opacity: 0
}, {
step: function(now, mx) {
//as the opacity of current_fs reduces to 0 - stored in "now"
//1. scale current_fs down to 80%
scale = 1 - (1 - now) * 0.2;
//2. bring next_fs from the right(50%)
left = (now * 50) + "%";
//3. increase opacity of next_fs to 1 as it moves in
opacity = 1 - now;
current_fs.css({
'transform': 'scale(' + scale + ')',
'position': 'absolute'
});
next_fs.css({
'left': left,
'opacity': opacity
});
},
duration: 800,
complete: function() {
current_fs.hide();
animating = false;
},
//this comes from the custom easing plugin
/* easing: 'easeInOutBack' */
});
});
$(".previous").click(function() {
if (animating) return false;
animating = true;
current_fs = $(this).parent();
previous_fs = $(this).parent().prev();
//de-activate current step on progressbar
$("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");
//show the previous fieldset
previous_fs.show();
//hide the current fieldset with style
current_fs.animate({
opacity: 0
}, {
step: function(now, mx) {
//as the opacity of current_fs reduces to 0 - stored in "now"
//1. scale previous_fs from 80% to 100%
scale = 0.8 + (1 - now) * 0.2;
//2. take current_fs to the right(50%) - from 0%
left = ((1 - now) * 50) + "%";
//3. increase opacity of previous_fs to 1 as it moves in
opacity = 1 - now;
current_fs.css({
'left': left
});
previous_fs.css({
'transform': 'scale(' + scale + ')',
'opacity': opacity
});
},
duration: 800,
complete: function() {
current_fs.hide();
animating = false;
},
//this comes from the custom easing plugin
/* easing: 'easeInOutBack' */
});
});
但是,截至今天,我不断收到“SyntaxError:函数语句需要名称”错误。什么也没有变。
我尝试将所有内容包装在 function() 调用中,但无济于事。我该如何解决?
谢谢!
解决方案
推荐阅读
- sql - 从具有多个条件的多个表中选择
- javascript - 如何遍历文本框中的文本?
- java - 在 Java 中将 String 转换为 LocalDateTime
- android - 无法从 XML 访问 NavHostFragment
- database - Laravel DB::raw
- java - 一个连接到服务器 - 下载多个图像
- c# - 归一化互相关系数
- python - 是否可以从另一个字典中的字典中获取一个值,并且在字符串中具有确切的地址?
- orbeon - 在验证 Orbeon 表单时,哪种方法是调用外部 API 的正确方法
- python - 将 Sklearn GridSearchCV 与 Pipeline 一起使用时如何传递权重