Jquery - 在加载页面时调用js函数

Question

我的页面上有一个隐藏的div，在调用控制功能时显示。 我想在加载整个页面时（在DOM内部？）显示div，或者在2秒延迟时调用，因为有时当重新加载页面（带图像）时，函数被调用，然后在页面加载时消失如果php if条件改变了（mysqlquery result = 2）

MY PHP PAGE

if(mysqlquery result = 1) { 

echo '<script>'; 
echo "$(function(){ ShowAlertBox(); });";
echo '</script>';

}

MY JS PAGE

// # DOM Ready
$( function() {
...
...
}); <!-- end DOM -->

function ShowAlertBox(){
   $('.alert').show("slow");
} 

修复和执行此操作的最佳方法是什么？感谢

修改

我尝试这种方式，但没有调用该函数

// # DOM Ready
$( function() {

    function ShowAlertBox(){
    $('.alert').show("slow");
    }

}); <!-- end DOM -->

Answer 1

使用以下内容封装您的函数：

$(document).ready(function(){
     //Your code
});

这告诉浏览器要等到所有资产都已加载，然后调用函数

JSFiddle example

Answer 2

$(function(){
   //Code should go here.
   $('.alert').show("slow");   // Show your alert box.
});

但请阅读jQuery的基础知识。另外，请完成method jQuery（）：jQuery()

的文档

Answer 3

以下代码在整个页面加载后执行（所有DOM！）...

$(window).load(function(){
 // right down your code here...
});

我希望这会对你有所帮助。