Javascript jQuery链接语法错误-意外标记
我已经创建了一个闪光效果,运行时我想显示一个隐藏的div。这是我到目前为止所做的Javascript jQuery链接语法错误-意外标记,javascript,jquery,Javascript,Jquery,我已经创建了一个闪光效果,运行时我想显示一个隐藏的div。这是我到目前为止所做的 功能闪存(e){ $(“.flash”) .show()//显示隐藏的div .animate({opacity:0.5},300) .(.mydiv”).fadeToggle(“快速”) .衰减(300) .css({'opacity':1}); } flash() .mydiv{ 显示:无; } .闪光{ 背景:绿色; 高度:500px; 宽度:500px; 显示:无; 位置:固定; 排名:0; 左:0; }
功能闪存(e){
$(“.flash”)
.show()//显示隐藏的div
.animate({opacity:0.5},300)
.(.mydiv”).fadeToggle(“快速”)
.衰减(300)
.css({'opacity':1});
}
flash()代码>
.mydiv{
显示:无;
}
.闪光{
背景:绿色;
高度:500px;
宽度:500px;
显示:无;
位置:固定;
排名:0;
左:0;
}
我的部门
jQuery实现的“链接”系统涉及引用jQuery对象上的对象属性(jQuery方法)。在这方面:
.(".mydiv").fadeToggle('fast')
因此,(“.mydiv”)
没有意义,这是一个JavaScript语法错误
如果要在动画完成后淡入“mydiv”元素,必须使用.animate()
方法调用上的回调:
$('.flash')
.show() //show the hidden div
.animate({opacity: 0.5}, 300, function() {
$(".mydiv").fadeToggle('fast')
.fadeOut(300)
.css({'opacity': 1});
});
现在,调用.fadeToggle()
和.fadeOut()
都不清楚您想要什么。当您调用该方法时,所有动画例程都会立即启动,但不会立即完成,并且链中的下一个方法调用不会等待此操作。jQuery实现的“链接”系统涉及引用jQuery对象上的对象属性(jQuery方法)。在这方面:
.(".mydiv").fadeToggle('fast')
因此,(“.mydiv”)
没有意义,这是一个JavaScript语法错误
如果要在动画完成后淡入“mydiv”元素,必须使用.animate()
方法调用上的回调:
$('.flash')
.show() //show the hidden div
.animate({opacity: 0.5}, 300, function() {
$(".mydiv").fadeToggle('fast')
.fadeOut(300)
.css({'opacity': 1});
});
现在,调用.fadeToggle()
和.fadeOut()
都不清楚您想要什么。当您调用该方法时,所有动画例程都会立即启动,但它们不会立即完成,而链中的下一个方法调用也不会等待完成。这里有一个解决方案
功能闪存(e){
$(“.flash”)
.show()//显示隐藏的div
.animate({opacity:0.5},300)
.prev(“.mydiv”).fadeToggle(“快速”)
.衰减(300)
.css({'opacity':1});
}
flash()代码>
.mydiv{
显示:无;
}
.闪光{
背景:绿色;
高度:500px;
宽度:500px;
显示:无;
位置:固定;
排名:0;
左:0;
}
我的部门
给你一个解决方案
功能闪存(e){
$(“.flash”)
.show()//显示隐藏的div
.animate({opacity:0.5},300)
.prev(“.mydiv”).fadeToggle(“快速”)
.衰减(300)
.css({'opacity':1});
}
flash()代码>
.mydiv{
显示:无;
}
.闪光{
背景:绿色;
高度:500px;
宽度:500px;
显示:无;
位置:固定;
排名:0;
左:0;
}
我的部门
问题出在(.mydiv”)
上;不清楚您希望它做什么,但这是一个语法错误。在它设置了不透明度动画之后,我希望它在淡出之前淡入隐藏的div。问题在于(.mydiv”)
;现在还不清楚你希望它做什么,但这是一个语法错误。在它设置了不透明度动画之后,我希望它在淡出之前淡入隐藏的div。