jquery - 如何为使用 jquery 加载的第一个项目设置动画？

Question

我正在为我的链接使用加载函数来加载 div 中的 html 文件。我还使用 slideDown 来为内容设置动画，但它不适用于第一个加载的 html。我该如何解决？

http://jsfiddle.net/QNQv9/1/

$(document).ready(function() {
    $(".iframe").on("click", function(e) {
        e.preventDefault();
        $iframe.load($(this).attr('href'));
        $iframe.slideDown(500)
      });   
});

Answer 1

RE你的身高问题，

您可以做的是在向上滑动后加载 $iframe，

已编辑

var link = $(this).attr('href');

$iframe.slideUp(200, function() {
   $iframe.html(''); //You don't need this line
   $iframe.load(link, function() {
      $iframe.slideDown(500)
   });
});

Answer 2

在您的 jsfiddle 中，您有“同源策略”问题。 XMLHttpRequest 无法加载http://jsfiddle.net/。Access-Control-Allow-Origin 不允许来源http://fiddle.jshell.net 。

你需要在回调函数中做动画。尝试这个 ，

$iframe.load($(this).attr('href'), function() {
  $iframe.slideDown(500)
});