Javascript JQuery.load（）不显示图像

几个小时以来，我一直在想如何使JQuery的.load工作。以下是完整代码-它是一个外部JS文件：

$(document).ready(function() {
  $(".loader a").hide();
  $(".loader a").find("img").on("load", function() {
    $(this).closest(".loader a").fadeIn("normal");
  });
);

$.loader a.hide；工作，但其余的没有-图像不显示，他们仍然保持隐藏。这不太可能是原因，但您认为这与PHP-JSON代码有关吗？我不知道。希望你们能帮忙。干杯

<?php
  $str_data = file_get_contents("portfolio/portfolio.json");
  $json = json_decode($str_data, true);
  shuffle($json['portfolio']);

  foreach ($json['portfolio'] as $portfolio) {
    echo "<div class='col-lg-3 col-md-4 col-xs-12 thumbnail portfolio-thumb'>";
      echo "<div class='portfolio-thumb-img'>";
        echo "<div class=\"loader\"><a href=\"", $portfolio["url"], "\"><img src=\"", $portfolio["main_image_url"], "\"></a></div>";
        echo "<h3>", $portfolio["title"], "</h3>";
        echo "<p>", $portfolio["category"], "</p>";
      echo '</div>';
    echo '</div>';
  }
?>

---

上面的代码是一个PHP包含文件，它将与header.PHP和footer.PHP合并。

[[1]：这可能会对您有所帮助…谢谢。我刚刚尝试过，但fadeIn动画非常狡猾或不平滑。将在该示例中使用-找到一种使动画平滑的方法。再次感谢！