我需要根据在它的父简码中设置的活动号码动态地将一个活动类添加到 wordpress 中的简码。
父母看起来像这样:
$active = 3;
$output .= "\n\t\t".wpb_js_remove_wpautop($content);
$content 变量在技术上可以包含短代码标签之间的任何内容,但具体来说,应该包含更多的子短代码(它是一个标签短代码,因此父标签是标签,子标签是标签)。
我需要做的是解析并替换$content
第 N 个($active
变量)实例[vc_tab
[vc_tab active="true"
我意识到有更好的方法来设计短代码来弥补这一点,但我能做的有限,因为我正在修改 Visual Composer 以使用 Bootstrap 选项卡而不是 jQuery 和 Bootstrap 选项卡需要两个元素上的活动类<li>
,但是<div class="tab-pane">
我不希望用户必须向父简码添加一个活动号码,并为孩子添加一个活动的真/假,因为这会让人感到困惑。
到目前为止,从谷歌搜索我只能找到替换第一次出现或所有出现,而不是第 N 个。
暂时我正在使用 jQuery 来使适当的<div>
活动,但它会导致不受欢迎的 FOUC,其中在加载时没有可见的窗格,然后在 jQuery 运行时弹出到位。
$('.tabs-wrap').each(function(){
var activeTab = $(this).find('.tabbed li.active a').attr('href');
$(this).find(activeTab).addClass('active');
});