Jquery使用Skrollr在元素中添加属性

Question

当我放入HTML文件时，我的代码正常工作。

<div id="airballoon-wrapper"
    data-0="top:45px; left:50%;"
    data-992="top:375px; left:37%;"
    data-2400="top:160px; left:40%;"
    data-4920="top:210px; left:78%;">

    <div id="airballoon">
        <img src="<?php echo get_template_directory_uri(); ?>/images/air-balloon.png" />
    </div>
</div>

但是当我使用Jquery添加属性时，它不起作用。

HTML：

<div id="airballoon-wrapper">
    <div id="airballoon">
        <img src="<?php echo get_template_directory_uri(); ?>/images/air-balloon.png" />
    </div>
</div>

JQUERY

$("#airballoon-wrapper").attr({
     "data-0": "top:45px; left:50%;",
     "data-992": "top:375px; left:37%;",
     "data-2400": "top:160px; left:40%;",
     "data-4920": "top:210px; left:78%;"
});

这个东西的任何解决方案？