jquery - jQueryと一緒に変数を使用する方法

Question

たとえば、このような状況で変数を使用する方法の概念を理解していません。

2回試してみても、正常に機能するものはありません

初め

var aWidth = { width: "610px" }, 1000

$('#Top1, #Bot1').show().animate(aWidth())

2番

var aWidth = animate({ width: "610px" }, 1000 )

$('#Top1, #Bot1').show().aWidth;

score 0 · Accepted Answer

このようにしてみてください

var aWidth=610;
var aSpeed=1000;

$('#Top1, #Bot1').animate({width:aWidth+"px"},aSpeed);

score 0 · Accepted Answer

これを行う1つの方法は、アニメーションプロパティ用に1つの変数を使用し、速度用に別の変数を使用することです。

var props = { width: "610px" };
var speed = 1000;
$('#Top1, #Bot1').show().animate(props, speed);

すべてのアニメーションパラメータに単一の変数が本当に必要な場合は、Javascript applyを利用できます（渡す配列（この場合はanimationParams ）で定義されたパラメータで関数を呼び出すだけです）。

var animationParams = [ { width: "610px" }, 1000 ];
$('#Top1, #Bot1').show().animate.apply(animationParams);

score 0 · Accepted Answer

これが適切に書き直すために私ができる最善のことです：

初め：

var animation = {
  properties: {width: 610},
  speed: 1000
};

$('#Top1, #Bot1').show().animate(animation.properties, animation.speed);

2番

$.fn.animate_width = function() {
  return this.animate({ width: "610px" }, 1000);
};

$('#Top1, #Bot1').show().animate_width();

最初に通常のJavaScriptを学び、次にjQueryに移ります。基本的なJavaScriptの概念がないと、jQueryの構文にすぐに混乱してしまいます。

3 に答える 3