在jQueryUI Slider上调用函数更改

时间:2014-01-23 19:45:53

标签: javascript jquery jquery-ui function slider

我有这段代码:

$(function test() {
    alert ('changed');
});


$(function precio() {
    $( "#rango-precio" ).slider({
      range: true,
      min: 0,
      max: 1000,
      values: [ 0, 1000 ],
      change: function (event, ui){ test(); },
      slide: function( event, ui ) {
      $( "#monto" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
       }
    });
    $( "#monto" ).val( "$" + $( "#rango-precio" ).slider( "values", 0 ) +
      " - $" + $( "#rango-precio" ).slider( "values", 1 ) );

      });

我想这样做,以便滑块上的任何更改都会调用test函数,但它无效。我试过改变 change: function (event, ui){ test();},

change: function (event, ui){ alert('changed')},

这有效,但我需要在进行更改时调用函数。 有什么帮助吗? 谢谢!

1 个答案:

答案 0 :(得分:0)

这里的问题是你在开始时自动调用这个函数:

$(function test() {
    alert ('changed');
});

但是你以后无法再次调用该功能。您可以像这样设置您的功能:

function test() {
    alert ('changed');
}

选中 Demo Fiddle