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

Question

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

要设置滑块控件的内容，我想使用"电机标签"。我尝试向下面的滑块添加一个属性，但它找不到该属性。你能帮我把代码改成一个可用的滑块原型吗？

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

以获取值。