変数を使用したjQueryのアニメーション

Question

jQueryアニメーション関数内で収集された変数を使用する方法を知りました。私が取り組んでいるコードは次のとおりです：

var size = $("#myTwitter").width(); 

    var slidelength = (686 - size)*(-1); 

    var slidelength = slidelength.toString(); 

    var margin = "'margin-left:' '"; 

    var after = "px'"; 

    var output = margin.concat(slidelength, after); 

    $("#twitWrap").mouseenter(function(){ 

     $("#myTwitter").stop(0).animate(output, 5000); 

    }); 

    $("#twitWrap").mouseleave(function(){ 

     $("#myTwitter").stop(0).animate({"margin-left": "0px"}, 5000); 

    }); 

あなたはそれが動作しないと言うことができます - まだ考えていません。

Answer 1

特別な操作は必要ありません。

$("#myTwitter").stop(0).animate({"margin-left": slidelength }, 5000); 

"margin-left"を動的にする必要がある場合、あなたは...

var options = {}; 

options[property] = value; 

$("#myTwitter").stop(0).animate(options, 5000); 

を行うことができます