1

スライダーまたは選択を使用すると、それぞれの変数が変更されます。これらの変数を別の関数でスライダー/選択可能な関数の外で使用したいと考えています。

私はこのスライダーを持っています：

handlevalues=[300,3000]
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 300,
max: 3000,
values: [ 300, 3000 ],
step: 10,
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
  handlevalues=($("#slider-range").slider('values'));

}
});
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
} );

この選択可能:

var whatsselected=[1,2,3,4,5,6]
$(function() {
        $("#selectable").bind("mousedown", function(e) {
            e.metaKey = true;
        }).selectable({
            stop: function() {}
        });
    });

ユーザーがスライダーを動かしたり選択したりするたびに、これを表示する必要があります。

console.log(handlevalues)
console.log(whatsselected)

はvar whatsselected=選択可能な関数で定義されていますが、ここに投稿する必要はありません。多くのスライダーと選択項目があるため、1 つの関数でこれらの両方をリッスンする必要があります。スライダー/選択可能のコードに関数を入れることができることは知っていますが、それらは外部で必要です。

私は自分の試みを投稿することさえ気にしませんでした。私はこれが初めてで、自分でスライダーを作成していません。var handlevaluesまたは変更時にコンソールメッセージをトリガーする関数を考えvar whatsselectedましたが、両方の変数をリッスンする必要があることを考えると、それが可能かどうかはわかりません。

どんな助けでも大歓迎です！

4

1 に答える 1

0

スライダーの場合：

どこかに隠しフィールドがある：

<input type="hidden" id="leftValue" value="0" /> 
<input type="hidden" id="rightValue" value="0" />

スライダー関数に「change」コールバックを追加します。

$(function() {
$( "#slider-range" ).slider({
range: true,
min: 300,
max: 3000,
values: [ 300, 3000 ],
step: 10,
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
  handlevalues=($("#slider-range").slider('values'));

},
 change: function(event, ui) {

 $('#leftValue').val(ui.values[0]); //left value
 $('#rightValue').val(ui.values[0]); //left value


 }
});

選択可能については、私はよく知らないが、おそらく似たようなものだろう。

それが役に立てば幸い..

于 2013-02-20T09:14:59.110 に答える