Javascript FadeIn和FadeOut效应
我使用的是JQuery,我想实现的是:使用Javascript FadeIn和FadeOut效应,javascript,jquery,Javascript,Jquery,我使用的是JQuery,我想实现的是:使用fadeOut()将div淡出。然后,它使用load()从url加载内容。然后,一旦加载内容,它就会使用fadeIn()淡入淡出。但是它不工作,它会闪烁然后加载然后加载。我认为问题是在加载完成之前就发生了衰减。我看到其他人也有同样的问题,但当我应用他们的解决方案时,没有任何变化。这是我找到的解决方案的代码(当然不起作用) 淡出函数接受一个回调函数,在转换完成时调用 你可以这样做: jQuery('#continutul_paginii').fadeOut
fadeOut()
将div淡出。然后,它使用load()
从url加载内容。然后,一旦加载内容,它就会使用fadeIn()
淡入淡出。但是它不工作,它会闪烁然后加载然后加载。我认为问题是在加载完成之前就发生了衰减。我看到其他人也有同样的问题,但当我应用他们的解决方案时,没有任何变化。这是我找到的解决方案的代码(当然不起作用)
淡出函数接受一个回调函数,在转换完成时调用 你可以这样做:
jQuery('#continutul_paginii').fadeOut("slow",myFunction)
并在myFunction中加载您的内容
更多信息请点击此处:
您可以尝试:
jQuery('.stil_link_img a').click(function(){
var x = jQuery(this).attr('href') + ' #continut_eco ',
$this = jQuery('#continutul_paginii');
$this.fadeOut("slow", function() {
$this.load(x, function() {
$this.fadeIn("slow")
});
});
});
首先,它们是“功能”,而不是“命令”。第二,您是否可以组合一个JSFIDLE来显示您的HTML标记以及CSS?
jQuery('.stil_link_img a').click(function(){
var x = jQuery(this).attr('href') + ' #continut_eco ',
$this = jQuery('#continutul_paginii');
$this.fadeOut("slow", function() {
$this.load(x, function() {
$this.fadeIn("slow")
});
});
});