Question

在我的主页面上，我有这个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>

我想要改变它，但要让它来回发送更少的数据，所以我想让我的notification.inc.php输出一个JSON字符串。我会让它有这些价值;

item2 = 1

item5 = 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>

我该怎么做？

Answer 1

不是你问题的解决方案，而是另一条建议。您可以通过向要显示的div添加其他类（如“可见”）并将CSS设置为display: block并将display: none设置为{{1}来简化操作。 } .class。将消除在每个div上手动设置ID的开销。

HTML中允许使用多个类，因此最终可能会出现notificationlink之类的内容。完全有效。

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

1 个答案: