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

Question

我试图从数据属性中获取函数的参数，就像有一个函数接受参数：

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

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

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

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

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

Answer 1

尝试以下属性值

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

并使用

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

jQuery非常智能，可以自动将您的数据从JSON转换为纯JS对象。但请注意，您必须使用“而不是”来引用config-object的字段名称