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

Question

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

我的 PHP 页面

if(mysqlquery result = 1) { 

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

}

我的 JS 页面

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

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

解决和做到这一点的最佳方法是什么？谢谢

编辑

我以这种方式尝试，但未调用该函数

// # DOM Ready
$( function() {

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

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

score 1 · Accepted Answer

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

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

这是告诉浏览器等到所有资源都加载完毕后再调用你的函数

score 0 · Accepted Answer

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

但是请阅读 jQuery 的基础知识。另外，请阅读 jQuery() 的文档method ： jQuery()

score 0 · Accepted Answer

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

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

我希望这能帮到您。

3 回答 3