javascript - 每次显示页面时调用 JQuery 函数

Question

我有一个简单的问题。这是我的情况:

每次显示特定页面时，我都会调用此 JQuery 函数:

<script text="text/>JavaScript">
  $(window).on('load', function(){
    $('body').addClass('background-image')
  });
</script>

这在我的页面中设置了背景图像。当我加载/刷新页面时它工作正常，但如果我通过链接重定向到此页面，则不会调用 JQuery 函数。比如:我加载主页，图片设置好了；我单击一个链接访问登录页面，然后再次单击一个链接，将我重定向到主页，但图像未设置。

如何在每次显示页面时调用 JQuery 函数？

Answer 1

将事件绑定(bind)代码放入 jQuery read() 函数中。它将确保您的事件仅在加载 jQuery 后才会绑定(bind) -

    <script text="text/>JavaScript">
         $(document).ready(function() { 
             $(window).on('load', function(){
                $('body').addClass('background-image')
            });
        });
   </script>