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

时间:2016-11-17 23:55:32

标签: javascript jquery redirect

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

每次我显示一个特定的页面时,我都会调用这个JQuery函数:

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

在我的页面中设置背景图片。当我加载/刷新页面时,它工作正常,但如果我通过链接重定向到此页面,则不会调用JQuery函数。例如:我加载主页,图像设置;我点击一个链接访问登录页面,然后再点击一个链接,将我重定向到主页,但图片没有设置。

如何在每次显示页面时调用我的JQuery函数?

1 个答案:

答案 0 :(得分:1)

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

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