JQuery .load（）不显示图像

Question

我一直试图弄清楚如何让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合并。