这基本上是我想做的:
我想用我的内容 slideUp() 一个 div。我想在那个 div 和 .slideDown() 中加载一个外部网页(在同一台服务器上)。
现在这是我所拥有的:
$(document).ready(function() {
$('a').click(function(){
$('.content').slideUp('1000');
$('.content').hide().load('about.html');
$(".content").slideDown('1000');
});
});
基本上这就是我得到的:div .content
隐藏自身,加载 about.html
页面,然后出现。但没有 slideUps 或 slideDowns。
有人有想法吗?
抱歉,如果这是一个菜鸟问题,这是我第一次尝试 js/jquery。
提前致谢。
最佳答案
那是因为那些是异步操作。您必须在回调中继续执行:
$('a').click(function(){
$('.content').slideUp('1000', function() {
this.hide().load('about.html', function() {
this.slideDown('1000');
});
});
});
关于javascript - .load() 动画与外部网页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10734472/