试图在这个特定的javascript函数中传递函数参数

时间:2013-11-20 07:47:35

标签: javascript jquery

我需要理解我应该将参数传递给特定函数的格式。我打算使用spinner库,您可以查看它的演示here。我需要为函数spinner指定最小值和默认值。默认模式下的功能用作:

$('.spinnerExample').spinner()

但是,我需要传递defaultminimum值的自定义值。该功能的定义如下:

(function ($) {
  $.fn.spinner = function (opts) {
    return this.each(function () {
      var defaults = {value:0, min:0}
      var options = $.extend(defaults, opts)
      var keyCodes = {up:38, down:40}
      var container = $('<div></div>')
      container.addClass('spinner')....

js文件的链接是here

我尝试了$('.spinnerExample').spinner(5,2),但这不起作用。我确信解决方案很简单,但我不太了解javascript,所以我无法破解它。

由于

1 个答案:

答案 0 :(得分:4)

您想要使用

$(".spinnerExample").spinner({value: 5, min: 2});

请注意,$.fn.spinner只能使用一个参数(opts)。 jQuery插件使用与一组默认值合并的对象来配置插件的行为是非常常见的。

在这种情况下,默认值为{value:0, min:0}。如果要覆盖这些值中的一个或多个,只需传入具有匹配键和自定义值的对象。

更多例子

$(".spinnerExample").spinner({value: 5}); // min will default to 0
$(".spinnerExample").spinner({min: 3}); // value will default to 0