带有属性的JQuery滑块，用于控制什么，可重用的原型

Question

在我的项目中，我打算有多个类似的滑块，因此使用原型制作它们会很有趣：

设置滑块控制的内容我想使用“motorLabel”。我已经尝试将属性添加到下面的滑块但它找不到该属性。 你能帮我把代码改成一个可用的滑块原型。

$(function() {
    $('#svgbasics').svg({onLoad: drawOpenSwitch});
    //Slider for Last:
    $( "#slider" ).slider({
        motorLabel: 'm1',
        orientation: "horizontal",
        range: "min",
        min: 1,
        max: 200,
        value: 50,
        change: function( event, ui ) {
            $( "#amount" ).val( ui.value );

            console.log(this.motorLabel); // RETURNS UNDEFINED
            eval(this.motorLabel.motorSetLast(ui.value));

        }
    }).draggable();
    $( "#amount" ).val( $( "#slider" ).slider( "value" ) );

Answer 1

您可以在html上传递参数：

<div id="slider" data-motor-label="m1"></div>

在您的更改功能中：

$(this).data('motor-label');

获得价值。