Javascript If语句覆盖div

我有一个多项目的视图。有些正在运行，有些没有 在函数中，如果超过了截止日期，它将在视图中将“天”输出为零。（这是非运行项目）它们在运行项目的视图中保持可见。但当然，运行中的项目显示为（例如）还剩24天左右

现在我想做的是：如果项目截止日期已经过去，并且输出为“0”，我想在div上创建一个模糊层

我有以下功能正在工作：

function get_all_open_designments($now) {

    $this->db->where('active', 1);
    $this->db->where('deleted !=', '1');
    $this->db->order_by('date_to', 'DESC');
    $designments = $this->db->get('designments')->result_array();
    foreach ($designments as &$designment_info) {
        $designment_info['image'] = self::get_image_for_designment($designment_info['designment_id']);
        $designment_info['count_joined'] = self::get_users_count_joined_by_id($designment_info['designment_id']);
        $designment_info['count_ideas'] = self::get_users_count_ideas_by_id($designment_info['designment_id']);
        $date_to = $designment_info['date_to'];
        $diff = $date_to - $now;
        $days = round($diff / 86400);
        $time_left = $days . ' days';
        if($days <= 0){
             $days = 0;


            $time_left = $days . ' days';


            }

        $designment_info['time_left'] = $time_left;

    }
    return $designments;
}

函数获取所有打开的设计（$now）{
$this->db->where（'active'，1）；
$this->db->where（'deleted！='，'1'）；
$this->db->order_by（'date_to'，'DESC'）；
$designments=$this->db->get（'designments'）->result_array（）；
foreach（$designments as&$designment\u info）{
$designment_info['image']=self:：获取_image_进行设计（$designment_info['designment_id']）；
$designment\u info['count\u joined']=self:：获取用户数\u joined\u by\u id（$designment\u info['designment\u id']）；
$designment_info['count_ideas']=self：：按用户id获取用户数量（designment_info['designment_id']）；
$date_to=$designment_info['date_to']；
$diff=$date\u to-$now；
$days=整数（$diff/86400）；
$time_left=$days.‘days’；
如果（$days的话，你需要处理很多事情


您必须将
$days
作为单个参数从控制器传递到视图
在视图中添加条件以检查
$days
是否为0，如果
是，然后在主div中添加一个空白div
将适当的样式添加到
主div
和
空白div
。

为
最小div
指定相对位置，为
空白模糊div
指定绝对位置。根据需要应用样式

是的，有很多方法可以做到这一点，但这不是免费的代码服务。告诉我们你已经尝试了什么。但是在你尝试之前，你必须先尝试一些东西。在你尝试之前，你必须先用谷歌搜索。当你用谷歌搜索时，你会发现无数关于如何做到这一点的线程……当然可能是我的重复。当然，整个代码也不必重复在这里提供。但是你知道是否有可能把我想要的放在现有的函数中吗？谢谢这帮了我正确的方向很好！很高兴帮助你。
<script type="text/x-mustache" id="designment_template">
<div class="designment_view item">
<ul class="box-div bg-white shadow">
{{#image}}
<li>
<img width="302" src="{{image}}"/>
</li>
{{/image}}
<li class="p15 orange ff-b" style="font-size: 21px">
{{title}}
</li>
<li class="p15 black ff-l" style="font-size: 14px">
{{small_description}}
</li>
<li class="h45 black tc ff-l f14">
<dl class="clearfix bg-lightgrey user-dash-dl tc">
<dd class="fl br-1 lh36" style="width:74px" title="Cash reward for selected idea">
<p class="f11 ff-l lh12 pt33 reward"></p>
<p class="ff-m f12">{{reward}}</p>
</dd>
<dd class="fl br-1 lh36" style="width:74px" title="Amount of days left until the deadline">
<p class="f11 ff-l lh12 pt33 timeleft"></p>
<p class="ff-m f12">{{time_left}}</p>
</dd>
<dd class="fl br-1 lh36" style="width:74px" title="Amount of joined designers">
<p class="f11 ff-l lh12 pt33 joinedpeople"></p>
<p class="ff-m f12">{{people}}</p>
</dd>
<dd class="fl lh36" style="width:74px" title="Amount of uploaded ideas">
<p class="f11 ff-l lh12 pt33 ideascount"></p> 
<p class="ff-m f12">{{idea}}</p> 
<!-- mous over-->
</dd>
</dl>
</li>
{{#joined}}
<a class="joined" data-id="{{id}}" data-url="<?= site_url('app/dashboard/id') ?>/{{id}}">
<li class="btn-designment clearfix h45 tc orange ff-b f14 lh45" style="cursor: pointer;">
<div class="designment-arrow"></div>
{{/joined}}
{{^joined}}
<a class="joinable" data-id="{{id}}" data-url="<?= site_url('app/dashboard/id') ?>/{{id}}">
<li class="btn-designment clearfix h45 tc orange ff-b f14 lh45" style="cursor: pointer;">
<div class="designment-join-arrow"></div>
{{/joined}}
</li>
</a>
</ul>
</div>