javascript - 在 jQueryUI Slider 更改时调用函数

Question

我有这个代码:

$(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 ) );

      });

我想让 slider 上的任何更改都调用 test 函数，但它不起作用。我尝试过改变更改:函数(事件，ui){ test();}，

至

更改:函数(事件，ui){alert('已更改')}，

这可行，但我需要在进行更改时调用一个函数。有什么帮助吗？谢谢!

Answer 1

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

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

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

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

检查这个 Demo Fiddle