jquery - 从数据属性中获取函数参数

Question

我正在尝试从数据属性中获取函数的参数，例如有一个接受参数的函数：

$(element).transition({
    x:'100%',
    opacity: '0.5'
});

transition我想从数据属性中获取参数，例如：

<div class="have-data" data-transition="x:'100%',opacity: '0.5'">
    ....
</div>

现在我想从数据属性中获取参数并将其.transition()参数设置为：

.transition($('.have-data').data('transition'))

score 3 · Accepted Answer

尝试以下属性值

<div class="have-data" data-transition='{"x":"100%","opacity": "0.5"}'>
    ....
</div>

并使用

.transition($('.have-data').data('transition'))

jQuery 很智能，可以自动将您的数据从 JSON 转换为纯 JS 对象。但请注意，您必须使用 " 而不是 ' 来引用配置对象的字段名称

1 回答 1