如果内容为空，则使用 php 隐藏选项卡 [关闭]

Posted 2023-05-08

【中文标题】如果内容为空，则使用 php 隐藏选项卡 [关闭]

【英文标题】：Hide tab if content is empty using php [closed]

【发布时间】：2021-11-20 19:04:53

【问题描述】：

Link to staging site

Link to product page 第一个选项卡通过简码获取描述， 第二个通过简码获取简短描述。 我想要它，以便如果简短描述为空，则该选项卡会被删除。

标签是这个

我将此代码与 jquery 脚本一起使用，但似乎无法正常工作

  // Remove tehnicki karakteristiki
function remove_tehnicki_karakteristiki() 
    if ( !is_singular(['product']) ) // only on product page
    global $post, $product;
    $short_description = apply_filters( 'woocommerce_short_description', $post->post_excerpt ); // get short desc
    if (empty($short_description) ) 
        echo '<script>
        jQuery(#elementor-tab-title-1562).hide();
        </script>';
     

【问题讨论】：

你能像下面这样对 javascript 选择器使用双引号进行测试吗？ jQuery("#elementor-tab-title-1562").hide();

@RupakNepali 我测试过，它不起作用

【参考方案1】：

更新：

function remove_tehnicki_karakteristiki() 
    if ( !is_singular(['product']) ) // only on product page
        global $post, $product;
        $short_description = apply_filters( 'woocommerce_short_description', $post->post_excerpt ); // get short desc

        echo "
        <script>
            jQuery(function ($) 
                $('.elementor-toggle .elementor-tab-content').filter(function ()  
                    let element = ($(this).find('.elementor-section-wrap').length == 0 ? $(this) : $(this).find('.elementor-section-wrap'))
                    if (!new RegExp('([A-z0-9])', 'gm').test(element.html())) element.closest('.elementor-toggle-item').hide();
                )
            );
    </script>";

    

【讨论】：

谢谢，这似乎完成了。它不搜索 标签中附加的媒体

搜索附加媒体是什么意思？此脚本隐藏任何没有内容的元素或切换项

是的，但是当您将照片上传到文本编辑器时它无法识别。例如：myonlinemall.mk/wp-content/uploads/2021/06/…src="myonlinemall.mk/wp-content/uploads/2021/06/gif1.gif" class="alignnone size-full wp-image-14205" />

请提供一张你想要的照片，我还是不明白你提到的照片和空元素之间的关系

link 这是照片的链接