当前位置 : 主页 > 网页制作 > JQuery >

jquery – 如何在加载通过javascript调用的内容时显示加载gif图像?

来源:互联网 收集:自由互联 发布时间:2021-06-15
在我的网页上,我有 javascript在 div id =“content” / div中加载新内容来自其他页面:inc / content.php.我想知道如何在 div id =“content” / div中显示动画gif图像loading.gif新内容加载到它?并一旦加
在我的网页上,我有 javascript在< div id =“content”>< / div>中加载新内容来自其他页面:inc / content.php.我想知道如何在< div id =“content”>< / div>中显示动画gif图像loading.gif新内容加载到它?并一旦加载隐藏GIF并显示新的conntent?

谢谢 )))
这是我的代码:

<html>
<head>

<script type="text/javascript" src="js/jquery-1.6.4.js"></script>
<script type="text/javascript">
function viewNext()
{
$("#content").load("inc/content.php");
}
</script>

</head>
<body>

<button id="nextfLuky" onClick="viewNext();return false;">Next fLuky</button>

<div id="content"></div>

</body>
</html>

inc / content.php页面中的内容:

<div id="text">Hello</div>
function viewNext(){
    $('#content').html('<img src="loading.gif" />').load("inc/content.php");
}

当你使用load()时,它将替换元素中的任何东西,包括gif,所以你不必手动隐藏它.

网友评论