Jquery .加载和.显示/隐藏动画
我想要一个按钮,检查一个div是否为空,如果为空,则将我的页面加载到该div中。如果该div已可见,我希望它再次变为不可见。我知道我可以使用toggle来实现这一点,我下面的代码或多或少都能按需要工作:Jquery .加载和.显示/隐藏动画,jquery,toggle,Jquery,Toggle,我想要一个按钮,检查一个div是否为空,如果为空,则将我的页面加载到该div中。如果该div已可见,我希望它再次变为不可见。我知道我可以使用toggle来实现这一点,我下面的代码或多或少都能按需要工作: function showChangeV(str) { var $output = $('#changev'); if( $output.is(':empty') ) { $output.load("mydata.php",true); $output.h
function showChangeV(str)
{
var $output = $('#changev');
if( $output.is(':empty') )
{
$output.load("mydata.php",true);
$output.hide();
}
$output.toggle(400);
};
我唯一的问题是,当点击按钮时,toggle函数有一个很好的滑入/滑出动画,但是initial load函数没有。有没有一种方法可以像切换一样,在动画中使用漂亮的幻灯片加载初始数据?谢谢 我想这会解决你的问题 为您的目的,请将本文件替换为:
$output.html( $('.fakeLoad').text() ).show(1200);
因此—
$output.load("mydata.php", function() {
$(this).show(1200); // animation will not run until the load is complete
});
您可以将
show()
速度更改为您想要的任何速度 你有没有尝试过在动画中实现漂亮的幻灯片?你能和我们分享一下吗?每次按钮切换时(即当第二次、第三次、第四次等点击按钮时)它都会执行动画。唯一不起作用的是第一次点击,即初始加载。谢谢!很抱歉,花了这么长时间才接受答案!
$output.load("mydata.php", function() {
$(this).show(1200); // animation will not run until the load is complete
});