Question

您好我想在用户没有输入图像时禁用某个<img>内的<div>标记。

if(is_array($init) || is_object($init)){
    foreach ($init as $data) {
        echo '
            <div id="profile-page-wall-post" class="card">
                <div class="card-profile-title">
                    <div class="row">
                        <div class="col s1">
                            <img src="'.base_url('assets/images/'.$data->accounts_picture.'').'" 
                              alt="" class="circle responsive-img valign profile-post-uer-image">                       
                        </div>
                        <div class="col s10">
                            <p class="grey-text text-darken-4 margin">'.$data->accounts_fname."\t".$data->accounts_lname.'</p>
                            <span class="grey-text text-darken-1 ultra-small">Shared publicly  '.$data->post_date.'</span>
                        </div>
                    </div>
                    <div class="row center-align">
                        <div class="col s12">
                            <img class="Boxing image_attached" src="'.base_url('assets/files/'.$data->post_picture.'').'">
                        </div>  
                    </div>
                    <div class="row">
                        <div class="col s12">
                            <p>'.$data->post_content.'</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col s12">
                            <a href="'.base_url('assets/files/'.$data->post_file.'').'" download>'.$data->post_filename.'</a>
                        </div>
                    </div>
                </div>
                <div class="card-action row">
                    <div class="input-field col s8 margin">
                        <input id="profile-comments" type="text" 
                          class="validate margin">
                        <label for="profile-comments" class="">
                            Comments
                        </label>
                    </div>                 
                </div> 
                <div id="CommentSection" class="z-depth-1 col s12">
                    <div class="col s12">
                        <div class="card-panel grey lighten-5 z-depth-1">
                            <div class="row valign-wrapper">
                                <div class="col s2">
                                    <img src="assets/images/def.jpg" 
                                      alt="" class="circle responsive-img"> 
                                </div>
                                <div class="col s10">
                                    <p>Comment content</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>                 
            </div>
        ';
    }
}

如果<div>为空，我想禁用<img>内的$data->post_picture。我怎么能这样做？

Answer 1

不确定为什么用jQuery和Javascript标记它，因为你似乎只使用PHP，所以为什么不这样做：

// ... (end your echo)
'; 
if(!empty($data->post_picture)){
  echo '
  <div class="row center-align">
    <div class="col s12">
      <img class="Boxing image_attached" src="'.base_url('assets/files/'.$data->post_picture.'').'">
    </div>  
  </div>
  '; 
} 
echo ' // (continue your echo)
// ...

请注意，"'.base_url('assets/files/'.$data->post_picture.'').'"可能会出现语法错误（您正在关闭并打开''，但这实际上会关闭您的回声'。您正在使用单引号（'）围绕您的内容回声，然后在img src=""周围加双引号，再在base_url周围再引用单引号，我认为（我不确定，因为代码太乱了，我对所有引号感到困惑）导致语法错误：'').'。

当没有值时，禁用html div

1 个答案: