html只显示一次,javascript – 只显示div一次

博主遇到一个技术问题,即在网页顶部显示类似于StackOverflow的消息通知。消息只显示一次,第二次不再出现。问题可能与ID的唯一性有关。尝试使用PHP的rand()函数为元素生成随机ID,但问题仍未解决。代码中涉及Ajax请求、PHP session检查以及CSS样式。关闭通知的JavaScript函数也被提及。寻求社区的帮助来解决这个问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

所以我想看看像stackoverflow一样的消息在顶部.

现在我已经配置了所有,但是我遇到了一个问题..消息只显示第一次,第二次没有显示.

我知道为什么,关于每个id的东西必须是唯一的或div中的东西..然后我用rand(1,300); (PHP)它仍然无法正常工作.

这是我的代码:

function checkSession(){

$.ajax({url: "session.php", success: function(data){

if( data == 1){

var postFilen = 'msg.php';

$.post(postFilen, function(data){

$(".msg").html(data).find(".message2").fadeIn("slow")

setTimeout(function(checkSession) {

$('.msg').fadeOut('slow');

}, 10000);

});

}else{

$('.message2').hide();

}

}});

// setInterval('checkSession()',1000);

}

index.php文件:

msg.php:

Yo, echo $pusername; ?> - echo $_SESSION["user_message"]; ?>

X

CloseNotice2() – (以防万一你想看到它):

function closeNotice2() {

$(".message2").fadeOut("slow");

}

session.php文件:

if(isset($_SESSION['user_message'])) {

echo 1;

}

CSS:

.message2 {

position: absolute;

top: 0;

left: 0;

z-index: 105; /* Anything higher than 1 will do */

background-color: #034678;

font-family: Arial,Helvetica,sans-serif;

font-size: 100%;

text-align: center;

font-weight: bold;

border-bottom: 2px solid #FFF;

height: 26 px;

width: 100%;

}

.message2 span {

text-align: center;

width: 95%;

float:left;

}

我想就是这样.希望你能帮助我.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值