Question

因此，我在zendesk上安装了手风琴，它是动态提取内容的。我遇到一个问题，每当我按下任何一个标签时，只有手风琴的第一个标签被折叠。我认为是因为数据目标：

我将其设置为打开一个#id，我想我需要使其动态化，但是idk怎么做。有人可以帮忙吗？

这是一段代码：

<div class="accordion-wrapper">
  <ul data-toggle="collapse" data-target="#demo" class="article-list article-list_page">
    {{#each section.articles}}
      <li class="article-list__item">
        <a>{{title}}</a>
        <article id="demo" class="article-body collapse">
         {{body}}  
        </article>
      </li>
    {{/each}}
  </ul>
</div>

Answer 1

可以将迭代器添加到“演示” ID吗？ HTML将ID视为单独的项目（一次只能有一个项目具有给定的ID）。似乎您的PHP正在对您添加到页面的每篇文章进行遍历，这种行为是行得通的，但是单击任何列表项都会导致整个行为按照您的描述进行。该列表将针对所选的任何项目折叠/展开。

也许是这样的：

<div class="accordion-wrapper">
  {{#each section.articles}}
  <ul data-toggle="collapse" data-target="#VARIABLE" class="article-list article-list_page">
    <li class="article-list__item">
      <a>{{title}}</a>
      <article id="VARIABLE" class="article-body collapse">
      {{body}}  
      </article>
    </li>
  </ul>
  {{/each}}
</div>

我在这里插入了VARIABLE，但是您可能会保留当前使用的语法。也许使用商品的ID作为数据目标和商品ID？（这将允许您输入{{id}}来代替我输入VARIABLE的位置）

动态手风琴无法正常工作

1 个答案: