Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使jquery json结果的结果使项可见_Jquery_Css - Fatal编程技术网

如何使jquery json结果的结果使项可见

如何使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

在我的主页上,我有一个jquery代码,它执行一个ajax调用,并将整个页面的内容加载到我页面上的一个DIV中,它每X秒刷新一次

<!-- 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”
的任何内容。完全正确