Получить параметр функции от атрибутов данных

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

Answer 1

Попробуйте следующее значение атрибута

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

И использовать

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

JQuery умен и автомагический преобразует данные из JSON в простой объект JS. Но обратите внимание: вы должны использовать «вместо» для цитирования имен полей вашего конфигурационного объекта