Question

我有一个JavaScript函数，它不会在页面刷新时触发。当我从另一个页面导航到该页面时它会起作用，但如果我刷新页面则会失败。

所有这个函数都将页面中一个元素的高度指定为另一个元素的高度（如果它们都存在）。

jQuery(document).ready(function ($) {
    if ($(".Video_Pane iframe").length && $(".Image_Pane img").length) {
        $(".Video_Pane iframe").height($(".Image_Pane img").height())
    }
}

有什么想法吗？控制台不会显示有关此

的任何错误

Answer 1

img的存在并不意味着它已被加载（所以你可以读取它的高度）。 刷新通常会使图像的缓存版本无效，因此必须重新加载。

尝试使用load事件（窗口对象上的）而不是ready

jQuery(window).load(function ($) {
    if ($(".Video_Pane iframe").length && $(".Image_Pane img").length) {
        $(".Video_Pane iframe").height($(".Image_Pane img").height())
    }
})

Answer 2

您的代码中存在语法错误。在最后一次}之后，有一个);缺失。

我刚试了一下，它就像这样为我工作：

jQuery(document).ready(function ($) {
    console.log("Hello");
});

Answer 3

你错过了一个括号。

<div class="row">

    <div class="col">
      <h2>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h2>
      <p>my footer</p>
    </div>

     <div class="col">
      <h2>Lorem Ipsum.</h2>
      <p>my footer</p>
    </div>

  </div>

我也会使用.on（'ready'）而不是.ready。

我的javascript函数不会在页面刷新时触发

3 个答案: