如何使jquery json结果的结果使项可见
在我的主页上,我有一个jquery代码,它执行一个ajax调用,并将整个页面的内容加载到我页面上的一个DIV中,它每X秒刷新一次如何使jquery json结果的结果使项可见,jquery,css,Jquery,Css,在我的主页上,我有一个jquery代码,它执行一个ajax调用,并将整个页面的内容加载到我页面上的一个DIV中,它每X秒刷新一次 <!-- Auto update/look for NEW notifications --> <script type='text/javascript'> $(document).ready(function(){ var updatenotification = function(){ $('#not
<!-- Auto update/look for NEW notifications -->
<script type='text/javascript'>
$(document).ready(function(){
var updatenotification = function(){
$('#notificationcontainer')
.load('/modules/member/home/notifications.inc.php')
.fadeIn("slow");
};
var auto_refresh = setInterval(function(){updatenotification();}, 5000);
updatenotification();
});
</script>
<!-- ENDS HERE -->
<div id="#notificationcontainer"></div>
$(文档).ready(函数(){
var updatenotification=函数(){
$(“#通知容器”)
.load(“/modules/member/home/notifications.inc.php”)
.fadeIn(“慢”);
};
var auto_refresh=setInterval(函数(){updatenotification();},5000);
更新化();
});
我想改变它,让它来回发送更少的数据,所以我想让我的notification.inc.php输出一个JSON字符串。
我会让它拥有这些价值观
项目2=1
项目5=1
请注意,有2个项目标记为1,总共有6个项目,但我只会在json字符串中包含我需要显示的项目,在我的主页上,我想制作一个代码来读取json字符串1,这意味着jquery应该使该项目在页面上可见
我将把所有这些项目都设置为隐藏在页面上,当需要显示1时,jquery可以使其可见。
此外,这些名称只是通用名称,它们都将被更改
<style type="text/css">
#item1{
display:none;
}
#item2{
display:none;
}
#item3{
display:none;
}
#item4{
display:none;
}
#item5{
display:none;
}
#item6{
display:none;
}
</style>
<div id="notificationhead">Notifications</div>
<div class="notificationlink" id="item1"><a href="">Testing 1</a></div>
<div class="notificationlink" id="item2"><a href="">Testing 2</a></div>
<div class="notificationlink" id="item3"><a href="">Testing 3</a></div>
<div class="notificationlink" id="item4"><a href="">Testing 4</a></div>
<div class="notificationlink" id="item5"><a href="">Testing 5</a></div>
<div class="notificationlink" id="item6"><a href="">Testing 6</a></div>
#项目1{
显示:无;
}
#项目2{
显示:无;
}
#项目3{
显示:无;
}
#项目4{
显示:无;
}
#项目5{
显示:无;
}
#项目6{
显示:无;
}
通知
我该怎么做?这不是你问题的答案,而是另一条建议。您可以通过向要显示的div添加一个额外的类(如“visible”),并将CSS设置为
display:block
,将display:none
设置为notificationlink
类,来简化一些事情。将消除在每个div上手动设置id的开销
HTML中允许使用多个类,因此您可以使用类似class=“notificationlink visible first child extended”
的任何内容。完全正确