如果未指定自定义字段，我想隐藏 <div> 部分“softdown”

Question

如果未选择自定义字段或自定义字段为空，我想隐藏 Div 部分！<div class="softdown">  <span class="postdownlink">    <i class="fa fa-download" aria-hidden="true"></i>    <?php echo get_post_meta($post->ID, 'postdownlink', true); ?>  </span></div>

Answer 1

在 PHP 中，您可以使用名为 的函数检查变量是否为空empty。所以，你可以这样做：

<?php if(!empty($iamempty)){ ?>

<h1>I won't be shown</h1>

<? } ?>

因此，为了将其实现到代码中，您可以执行以下操作。

<?php if(!empty(get_post_meta($post->ID, 'postdownlink', true))){ ?>

<div class="softdown">

  <span class="postdownlink">

    <i class="fa fa-download" aria-hidden="true"></i>

    <?php echo get_post_meta($post->ID, 'postdownlink', true); ?>

  </span>

</div>

<? } ?>

如果返回的值不为空，上面的代码将仅显示 div（标签之间的 HTML 内容PHP） 。get_post_meta

Answer 2

如果需要实时完成，可以这样做：

可以将其添加到 JS 文件的顶部：

    var inputChange = function (){

        ($('input#photo').val().length === 0) { 

               // Hide the element  On keyup check the value of the input if length is 0 meaning empty hide the div otherwise show.

               $('div.sofdown').hide(); // Using hide()

               //Or using fadeOut();

               $('div.sofdown').fadeOut(1000);

            }

    }

//Initiate to hide the div if there is no text in input.

inputChange();

之后初始状态将是hidden

这应该添加到JS文件的末尾

$('input#photo').keyup(function() { 

    //Call function

    inputChange();

}