Question

我在wordpress网站上创建了一个FAQ页面。我正在使用bootstrap 4.0的折叠组件和ACF Pro来构建页面。

在后端，管理员可以添加问题和答案。答案将隐藏在前端，直到用户点击问题切换答案。最初答案字段是文本区域。一切都很好！但是，当我将答案字段类型更改为WYSIWYG编辑器时，折叠功能停止工作altoghether并且答案不会隐藏或折叠。有谁知道如何解决这个问题？

先谢谢，下面的代码片段。

         <?php while( have_rows('topic_information') ): the_row(); 
          $question = get_sub_field('question');
          $answer = get_sub_field('answer'); 
          $counter++;
          ?>
            <div class="question-btn collapsed" data-toggle="collapse" data-target="#<?php echo $counter; ?>" aria-expanded="false" aria-controls="<?php echo $counter; ?>">
              <div class="question">
                  <p class="question-text">
                  <?php echo $question; ?>
                  </p>
                  <div class="toggle-status"></div>
              </div>
              <div class="answer">  
                  <p id="<?php echo $counter; ?>" class="collapse" aria-labelledby="headingOne" data-parent="#accordion"><?php echo $answer; ?>
                  </p>
              </div> <!--.answer-->
            </div> <!--.question-btn-->

        <?php endwhile; ?> <!-- WHILE ( have_rows('topic_information') -->

Answer 1

当在页面上多次引用bootstrap.js，bootstrapcdn或bootstrap.min.js时，我遇到了使用bootstrap的问题。对我来说，我使用的插件也是导入或引用它自己的bootstrap.js或bootstrap.min.js文件，这就是为什么它发生在我身上。

如果可能的话，我会尝试从ACF Pro插件中删除bootstrap.js或bootstrap.min.js引用，或者尝试从项目中删除它（因为你的插件已经引用它）以查看是否有效。

如果这不起作用，您可能想尝试从javascript中执行此操作，因为它听起来像faq是动态生成的：

bootstrap collapse not working when creating dyanmically

祝你好运

将字段类型切换为WYSIWYG时，Bootstrap崩溃停止工作

1 个答案: