Question

我有两个图像，第一个图像可以是任意大小，我想要第二个图像，在它旁边与第一个图像的高度相同。我写了以下代码：

<script>
  $(function() {
    $("#first").load(function() {
      var imgheight = $(this).height();
      $("#first_papers").css("height", imgheight); 
    });
  });
</script>

上面的代码工作正常。问题是当我访问网站上的另一个页面然后返回到主页面时，似乎没有调用该函数。相反，第二个图像出现在其全高而不是第一个图像的较短高度。

有关如何解决此问题的任何想法？

Answer 1

对于页面加载时的一致行为，我会将其从其中的匿名函数中取出并将其放入$(document).ready函数中。

<script>
    $(document).ready(function(){
        $("#first").load(function() {
            var imgheight = $(this).height();
            $("#first_papers").css("height", imgheight); 
        });
    });
</script>

无论您何时/如何导航，都应该在页面加载时执行。

返回页面时未调用函数

1 个答案: