为什么我的功能在加载页面时没有提醒[javascript]?

时间:2015-06-19 18:04:13

标签: javascript

为什么我的功能在加载页面时没有提醒[javascript]?

滚动页面时,它的警报效果很好。

调整页面大小时,它的警报效果很好。

但是当加载页面为什么不警报?

我该怎么做?

http://jsfiddle.net/af2kgoxu/

$(window).load(function(){
    $(window).on('scroll load resize', function () {
        alert("TEST");
    });
});

5 个答案:

答案 0 :(得分:2)

我很确定因为加载发生在创建监听器之前。想一想:

$(window).load(function(){加载窗口后,执行下一步:

$(window).on('scroll load resize', function () {在滚动,加载和调整大小时创建一个监听器。那么窗口已经加载,所以它永远不会再加载。

$(document).ready(function(){
    $(window).on('scroll load resize', function () {
        alert("TEST");
    });
});

答案 1 :(得分:1)

为什么要将scrollloadresize操作包裹在$(window).load(function(){});中,直接调用它。如下所示更改您的代码段,它适用于所有窗口scrollloadresize

$(window).on('scroll load resize', function () {
    alert("TEST");
});

答案 2 :(得分:0)

您可以随时尝试

$(window).on('load',function()

但我认为它是一样的

答案 3 :(得分:0)

您只需要以下代码:

$(window).on('scroll load resize', function () {
alert("TEST");
});

见这里:http://jsfiddle.net/af2kgoxu/1/

答案 4 :(得分:0)

使用$(document).ready()方法,只要您的DOM(文档对象模型)已准备好运行javascript,它就会运行。

    $( document ).ready(function() {
        alert("TEST");
    });