jquery - 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>

Jクエリ

$("#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%;"
});

このようなものの解決策はありますか?