Javascript 调用函数在jquery中加载页面_Javascript_Jquery

Javascript 调用函数在jquery中加载页面

javascript jquery

Javascript 调用函数在jquery中加载页面,javascript,jquery,Javascript,Jquery,我想在加载我的页面时使用maketheslidedown函数。当我删除该行时：$（“#flip”）。在下面的代码中单击（function（），以使函数在加载页面时执行，而不是在单击时执行，它不起作用。如何在页面加载或出现某些情况时调用函数 <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.j

我想在加载我的页面时使用maketheslidedown函数。当我删除该行时：

$（“#flip”）。在下面的代码中单击（function（）

，以使函数在加载页面时执行，而不是在单击时执行，它不起作用。如何在页面加载或出现某些情况时调用函数

 <!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script> 
$(document).ready(function(){
    $("#flip").click(function(){
        $("#panel").slideDown("slow");
    });
});
</script>

<style> 
#panel, #flip {
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
}

#panel {
    padding: 50px;
    display: none;
}
</style>
</head>
<body>

<div id="flip">Click to slide down panel</div>
<div id="panel">Hello world!</div>

</body>
</html>


$（文档）.ready（函数（）{
$（“#翻转”）。单击（函数（）{
$（“面板”）。向下滑动（“慢速”）；
});
});
#面板#翻转{
填充物：5px；
文本对齐：居中；
背景色：#e5eecc；
边框：实心1px#c3c3；
}
#面板{
填充：50px；
显示：无；
}
单击以向下滑动面板
你好，世界！

只需更改此选项即可

$(document).ready(function(){
    $("#flip").click(function(){
        $("#panel").slideDown("slow");
    });
});

到

代码的问题是，只有当有人单击您的

flip

元素但您希望在页面加载时调用

slideDown（）

时，您才调用

slideDown（），因此您可以使用jQuery的文档。ready
处理程序本身就可以这样做
$(document).ready(function(){
     $("#panel").slideDown("slow");
});

当触发DOMContentLoaded
事件时，这将滑下面板。当所有脚本和标记都已下载，但css和图像仍在下载时，会发生这种情况
如果您真的想滑下面板，只有当页面完全加载（即标记、所有脚本、图像和css文件都被下载和处理）时，您才可以像这样监听窗口的load
事件
$(window).load(function(){
   $("#panel").slideDown("slow");
});

试着这样做：
$(document).ready(function(){
    $("#panel").slideDown("slow");
});

您还需要调用文档加载
$(document).ready(function(){
    // this will run on document load
    $("#panel").slideDown("slow");

    // this will run every time you click on the div and you can add your custom logic to slide it up or down here
    $("#flip").click(function(){
        $("#panel").slideDown("slow");
    });
});

这是demon on
您的代码在没有单击处理程序的情况下可以正常工作。请用小提琴或代码片段再现错误。请告诉我$（“#翻转”）。单击（function（）
不是您删除的唯一一行…在等待创建dom后等待加载窗口没有任何意义。`$（窗口）.load`就足够了，在op的情况下，$（文档）.ready
也足够了。由于OP没有提到任何错误或其他任何东西，所以很难猜测OP想要实现什么。我知道把它放在那里是没有用的。不管什么原因，用两种方法都是毫无意义的。@Engy.Mostafa你一定是在开玩笑rt？Jamiec回答了同样的问题，他在每个人之前都这么做了除此之外，您接受此解决方案：P@Arkantos-不，他接受了我的解决方案，然后改变了主意；）再加上两个人否决了我。好吧，我不会失眠的。我这么做了，但对我不起作用，所以我问了这个问题，我知道当我删除行<代码>$（“#翻转”）时，我意识到我没有删除大括号。单击（function（）{

正因为如此，它没有工作。非常感谢

$(document).ready(function(){
    // this will run on document load
    $("#panel").slideDown("slow");

    // this will run every time you click on the div and you can add your custom logic to slide it up or down here
    $("#flip").click(function(){
        $("#panel").slideDown("slow");
    });
});