いつも参考にさせていただいています。
JavaScriptを勉強中です。
jQueryでCSSの値を保存する方法を探しているのですが、
なかなかヒントが見つからないため、質問させていただきます。
jQueryでオブジェクトをアニメーションさせようとしています。
このアニメーションは後で実装しなくなる可能性があるため、
CSSにて設定したプロパティ値をアニメーションの終点とし、
CSSから取得した値をJavaScriptに一度保存し、
その後にCSSの値を書き換える、ということを実現したいのですが
うまく動いてくれず、最初に設定した変数が0pxに変わってしまいます・・。
初期のCSSプロパティ値を保存する方法はございますでしょうか・・。
ご教示願えればと思います。よろしくお願いします。
lang
1var setObj = function(target, duration) { 2 var objH = target.css('height'); 3 var objW = target.css('width'); 4 var objT = target.css('top'); 5 var objL = target.css('left'); 6 7 target.css({ 8 'width' : '0px', 9 'height' : '0px', 10 'top' : '0px', 11 'left' : '0px' 12 }); 13 14 setTimeout(function() { 15 target.stop().animate({ 16 'width' : objW + 'px', 17 'height' : objH + 'px', 18 'top' : objT + 'px', 19 'left' : objL + 'px', 20 'opacity': 1 21 }, 300, 'easeOutBack') 22 .removeClass('move'); 23 }, duration); 24} 25 26setObj($('#obj-01.move'), 1000);
lang
1<p id="obj-01" class="move"></p> 2<p id="obj-02" class="move"></p> 3・・・ 4<p id="obj-06" class="move"></p>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/04/06 09:55