Question

这是我的第一个问题，所以不要吃我。

我想在bootstrap中使用collapse，但我不想在data-target / aria-controls中使用id / class。有没有办法按类似属性调用它？

SELECT
  SUBSTRING_INDEX(GROUP_CONCAT(`PHONE` ORDER BY `DATE`), ',', 1) AS `PHONE`,
  description
FROM table1
GROUP BY `PHONE`, `description`;

Answer 1

是的，你可以！ data-target属性接受任何有效的CSS选择器（Bootstrap docs）。

因此，使用数据属性CSS选择器（CSS Tricks article），您可以完全按照自己的意愿行事。

这是一个最小的工作示例（仅在Chrome中测试。格式化以便于阅读）。

<a href="#" 
   role="button"
   data-toggle="collapse" 
   aria-expanded="false" 
   data-target="[data-s-collapse='item']" 
   aria-controls="[data-s-collapse='item']">I'm a button
 </a>
 <div class="collapse" data-s-collapse="item">
   I'm some stuff in a collapsible
 </div>

Bootply example

应该适用于支持CSS级别2.1中存在的属性选择器的所有浏览器，所以在所有使用的浏览器中都应该没问题 - http://caniuse.com/#feat=css-sel2

Bootstrap - 折叠带有“特殊”属性的项目

1 个答案: