Question

我有一个下拉列表，我想根据数据是否折叠来更改chevron-up和chevron-down图标。

我不确定我当前的结构有什么问题，它不允许图标交换折叠和扩展数据。

<a data-toggle="collapse" data-collapse-icon="ChevronDown" data-expand-icon="ChevronUp" aria-expanded="false" aria-controls="advancedCollapse" href="#advancedCollapse">
    <span class="win-icon"></span>
</a>

Answer 1

从提供的代码看，您的语法看起来不正确。它应该类似于：

<div data-role="collapsible" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u">
  <h1>Collapsed State</h1>
  <p>Expanded state</p>
</div>

如需更多参考，请查看http://demos.jquerymobile.com/1.2.1/docs/content/content-collapsible.html

https://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_collapsible_icons

基于折叠数据的交换图标不起作用

1 个答案: