这个简单的短码并不会像预期的那样生成折叠

时间:2016-10-20 作者:startToday

我在我的functions.php 导致创建引导折叠为post的文件。但当我尝试使用这个短码时,手风琴的结构并不像我想象的那样。这是我的密码functions.php 文件:

function sth_collapse($atts, $content = null) {
    $atts = shortcode_atts(array(
      \'title\'       => \'Click Me\',
       ),
    $atts,
    \'collapse\'
    );  
    $coll  = \'<div class="collapse-container">\';
       $coll .= \'<a href="#collapse-content" data-toggle="collapse" class="collapse-header">\' . $atts[\'title\'] . \'</a>\';
       $coll .= \'<div id="collapse-content" class="collapse">\' . $content . \'</div>\';
    $coll .= \'</div>\';
    return $coll;
}
add_shortcode(\'collapse\', \'sth_collapse\');
当我用[collapse title="show"]test test[/collapse] s的短代码生成了这种奇怪的HTML结构:

<div class="collapse-container">
   <a class="collapse-header collapsed" data-toggle="collapse" href="#collapse-content" aria-expanded="false">Show</a>
   <div id="collapse-content" class="collapse" aria-expanded="false" style="height: 0px;"></div>
</div>
<br>
test test
<br>
<div class="collapse-container">
  <a class="collapse-header collapsed" data-toggle="collapse" href="#collapse-content" aria-expanded="false">Click Me</a>
  <div id="collapse-content" class="collapse"></div>
</div>
你注意到什么都是复制的吗?2..collapse-container, 2.collapse-header, 等等,也是第一次.collapse-header 显示在快捷码中定义的标题附件,对于第二个,显示默认标题附件$content 出现在错误的位置,它始终显示并单击a 不会触发塌陷行为。所以我可以说,正如我所料,几乎没有什么工作是好的。我看着我的add_shortcode 回调函数多次编写代码,但我不知道这有什么问题。你能帮我一下吗?

2 个回复
最合适的回答,由SO网友:M-R 整理而成

请确保您的关闭[折叠]没有丢失“/”或没有转换为“[折叠/]”。

SO网友:Benoti

函数中的代码。php,您是否包括了所需的所有引导资产?引导折叠需要css和引导。min.js正常工作。

相关推荐

SHORTCODE_ATTS()中的$ATTS参数是什么?

这个WordPress developers reference page for shortcode_atts() 国家:$atts(array)(必选)用户在shortcode标记中定义的属性。但我不理解这个定义。例如,在WP Frontend Profile 插件:$atts = shortcode_atts( [ \'role\' => \'\', ], $atts ); 据我所知,shortcode\