Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery .加载和.显示/隐藏动画_Jquery_Toggle - Fatal编程技术网

Jquery .加载和.显示/隐藏动画

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

我想要一个按钮,检查一个div是否为空,如果为空,则将我的页面加载到该div中。如果该div已可见,我希望它再次变为不可见。我知道我可以使用toggle来实现这一点,我下面的代码或多或少都能按需要工作:

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
});