javascript - 使用数据属性值作为 sass 变量中的值

<分区>

我有json添加data属性，想用data属性的值来控制元素的宽度。

虽然我的 sass 编译器在提示。

 <li class="lecture"  data-views="190"></li>

 $popularity: [data-views]

  .og-grid li > a,
  .og-grid li > a img
      width: $popularity

最佳答案

我认为您无法通过 SASS 以这种方式获取 DOM 数据属性。您可以为每个值使用一个类，显然如果有太多这不是理想的:

CSS 类解决方案:

.lecture[data-views='190']{
  width: 190px;
}

另一种选择也可以是 jQuery:

$('.lecture').each(function(i){
     $(this).width($(this).data('views'));
});

关于javascript - 使用数据属性值作为 sass 变量中的值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23974861/

相关文章：

java - 将 .mm 文件转换为 java 可读形式