Question

我正在使用我的链接的加载功能来加载div中的html文件。我还使用slideDown来动画内容，但它不适用于第一个加载的html。我该如何解决这个问题？

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

Answer 1

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

您需要在回调函数中执行动画。试试这个，

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

Answer 2

重新考虑身高问题，

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

<强> EDITED

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

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

如何使用jquery为第一个项加载动画？

2 个答案: