2

クラスで特定の要素を選択するときに、その値をアニメーション化するのに問題があります。代わりに、そのクラスのすべての要素をアニメーション化します。

$('.class').parent().hover( 
                function() {
                   $({ value: $(this).val() }).animate( .... );
                   ...
                }, function() {
                   $({ value: $(this).val() }).animate( .... );
                   ...
                });

残念ながら、スライダーを作成するために使用するプラグインのため、.parent() セレクターを使用する必要があるため、..

$('.parent') -> $('.class', this)

..私はそれがそれを解決すると思います。

「.class」クラスの 3 つの要素があり、そのうちの 1 つにカーソルを合わせると、3 つすべてがアニメーション化されます。

詳細な説明: html は 1 つだけです:

<input type="text" value="0" class="class" />

プラグインは入力の上にキャンバスを作成し、入力はアニメーション バーの値として使用されます。また、この 2 つの要素を囲む div も作成します。そのようです ：

<div>
  <canvas>
  <input ... >
</div>

IDを使用し、IDをセレクターとしてコードに複数回記述することで簡単な解決策を見つけることができると確信していますが、これを解決するよりエレガントな方法を望んでいます。

ここで JSFiddle

4

2 に答える 2

0

代わりに、イベントリスナーでラップしてみてください:

$(function(){
    $('.class').on('hover',function(){
        $({value:$(this).parent().val()}).animate( ...)
    })
});
于 2013-10-24T00:21:08.590 に答える