jquery - 如何获得 jquery 滑块选项？

Question

我可能错了，但我认为这是一个用 jquery 制作的对象：

$("#slider").slider({
    value:40,
    min: 0,
    max: 80,
    step: 10
});

如果不只是继续阅读并让我知道，我会纠正这个问题。

我想得到max（80）的内容。我目前能够获取 value 的内容，但对 max 执行完全相同的操作不会返回 80。

alert($("#slider").slider("value")); // Outputs 40
alert($("#slider").slider("max")); // Outputs #slider html

如何获取存储在“max”上的值？

Answer 1

如果您在谈论 jQuery UI 滑块，那么它是...

var max = $("#slider").slider("option", "max");

文档。

Answer 2

要查看所有选项，只需使用

   console.log($( ".selector" ).slider( "option" ))

你会得到这样的输出：

Object {disabled: false, theme: null, trackTheme: null, initSelector: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')", mini: false} 

现在您可以看到它将返回一个对象的所有选项。要选择特定选项，只需写下选项名称。喜欢获取禁用值：

$( ".selector" ).slider( "option" ).disabled

你会得到价值。

Answer 3

你必须查看插件的文档.slider（这总是一个很好的地方）。当你这样做时，你会看到：

.slider( "option" , optionName , [value] )

这使您可以获取或设置滑块选项。

在您的特定情况下，您将使用此：

var max = $("#slider").slider("option", "max");