首页 > 解决方案 > 如果在同一页面中使用超过一次,短代码将无法正常工作

问题描述

我创建了一个短代码来返回选项卡内容,如果我在一个页面中使用一次,它可以正常工作。但是如果在同一页面上还需要一个,它就无法正常工作。我尝试了几种方法,但没有结果。

这是代码

if($tab_box == 'tab_box_1' && $tabs_lay == 'awavc-tabs-pos-left') {
           $add_class = rand(99,9999);
           $q = rand(99,99999);
$html .= '
<div class="awavc-tabs awavc-tabs-'.$add_class.' '.$tabs_lay.' '.$tab_style.' awavc-tabs-response-to-icons '.$el_class.' ">';
$i = 1;
        foreach($tab_contents as $tab_content){

             $tab_lable = 'Lable';
             $tab_icon = '';



            if(!empty($tab_content['tab_lbl'])){$tab_lable = $tab_content['tab_lbl'];}
            if(!empty($tab_content['icon'])){$tab_icon = $tab_content['icon'];}
                $html .= '  <input type="radio" name="awavc-tabs" checked id="awavc-tab-'.$i.'" class="awavc-tab-content-'.$i.'">
                            <label for="awavc-tab-'.$i.'"><span><span style="font-size:'.$lable_size.'px;color:'.$lable_clr.';"><i class="'.$tab_icon.'" style="font-size:'.$lable_size.'px;color:'.$icon_clr.';"></i>'.$tab_lable.'</span></span></label>';
                            $i++;

        }

$html .= '
            <ul>';
            $i = 1;
            foreach($tab_contents as $tab_content){

                $tab_title = 'Title';
                $content = '';

                if(!empty($tab_content['title'])){$tab_title = $tab_content['title'];}
                if(!empty($tab_content['content'])){$content = $tab_content['content'];}

                $html .= '<li class="awavc-tab-content-'.$i.'">
                    <div class="typography">';
                        if(!empty($tab_title)){ $html .= '<h1 style="font-size:'.$ttl_size.'px;color:'.$ttl_clr.';">'.$tab_title.'</h1>';}

                        $html .= '
                        <p style="font-size:'.$content_size.'px;color:'.$content_clr.';font-style:'.$content_style.';">'.$content.'</p>


                    </div>
                </li>';
                $i++;
                }

我已经尝试过类似 $i.$add_class 但是...

标签: phpjquerycsswordpresshtml

解决方案


推荐阅读