css - 基于数据的交换图标崩溃不起作用

标签 css angular

我有一个下拉列表,我想根据数据是否折叠来更改 V 形向上和 V 形向下图标。

我不确定我当前的结构有什么问题,不允许图标在折叠和展开数据时交换。

<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>

最佳答案

从提供的代码来看,您的语法似乎不正确。它应该类似于:

<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

关于css - 基于数据的交换图标崩溃不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50517371/

相关文章:

html - 删除 Twitter 小部件周围的边框

css - 在我们网站的 2 个页面上,Fire Fox 标题上方的空间。其他还行

css - 当 div 大于其父级时,如何将其扩展到其内容宽度?

jquery - Bootstrap 4 移动导航栏从左侧滑动

angular - 为什么直接导航到这条路线不匹配?

angular - onSameUrlNavigation 重新加载特定路线

javascript - 如何在 Angular 5 中添加图像?

javascript - *ng如果未按预期工作

html - CSS 定义多种字体大小

node.js - 如何使用 Angular 2 和 Node.js 开发实时文件上传?