在没有给出条件的情况下隐藏<div>

Question

如果没有给出一些规则，我想在我的wordpress网站上隐藏一个div。到目前为止，我已经尝试过：

add_action( 'wp', 'hideCalender' );
function hideCalender() {
  $checkout_page_id      = wc_get_page_id( 'checkout' );
  if (is_page ('kasse')) { 

    $(document).ready(function() {
        document.getElementById('wc-od').style.display='none';
    });


  }
}

Answer 1

您应该输出javascript而不是在php中使用。

add_action( 'wp', 'hideCalender' );
function hideCalender() {

    $checkout_page_id      = wc_get_page_id( 'checkout' );
    if (is_page ('kasse')) { 

        echo '
            <script>
            $(document).ready(function() {
                document.getElementById("wc-od").style.display="none";
            });
            </script>
        ';

    }

}

Answer 2

好吧，我通过在if语句之间放置CSS来解决

$checkout_page_id      = wc_get_page_id( 'checkout' );
  if (is_page ($checkout_page_id)) { 
    ?>
      <style>
        #wc-od{
          background-color: red !important;
        }

      </style>
    <?php
    }