javascript - Jquery:小部件的初始功能

Question

这里我有一个小部件，我想调用一次函数#slider.slider();。代码是什么？

$( "#slider" ).slider({  

    //initial function here.
    alert("A");

    value: 50,
    slide: function(event, ui) {
           displaySlideValue();
    }

});

Answer 1

为什么不直接做

$('#slider').slider({ ... }).each(function() { /* your code here */ });

或者，您可以将 .slider() 调用包装在您自己的迷你扩展中:

$.fn.sliderWithInit = function(params, init) {
  return this.slider(params).each(init);
});

那么你可以说

$('#slider').sliderWithInit({ /* params */ }, function() { /* init code */ });

显然“ slider ”可以变得通用:

$.wrapWithInit = function(widgetName) {
  $.fn[widgetName + 'WithInit'] = function(params, init) {
    return this[widgetName](params).each(init);
  });
});

然后你可以为“dialog”执行此操作，例如:

$.wrapWithInit('dialog');
$('#dialog').dialogWithInit({ /* dialog params */ }, function() { /* init code */ });

正如 @mikerobi 指出的，何时您希望调用初始化函数并不是 100% 清楚。大多数小部件都有一个“onFoo”类型的回调，当小部件被激活时会调用该回调(无论这对于给定的小部件意味着什么)。如果您只想在第一次调用时进行初始化，则可以将回调设置为一个闭包，以跟踪它是否完成了初始化工作。如果它检测到它已经完成了，它就会返回。