jquery - jQuery経由でskrollrで使用する属性をアタッチしようとしています

Question

jQuery を使用して skrollr で使用する属性を設定しようとしていますが、うまくいきません。

html:

<section id='section-1' data-0="", data-100p="" class="sections">

jQuery:

var s = skrollr.init({

});

var section1 = $('#section-1');
var sections = $('.sections');

section1.attr({
"data-0":"transform:translate(0,0%);", 
"data-100p":"transform:translate(0,-50%);"
});

s.refresh(sections);

これは機能していないようです..しかし、理由について100％確信が持てませんか？