Слайдер JQuery с атрибутом для управления, многоразовый прототип

0

В моем проекте я намерен иметь несколько подобных слайдеров, поэтому было бы интересно сделать их прототипом:

Чтобы установить управление ползунком, я хочу использовать "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" ) );
Теги:
jquery-slider

1 ответ

1
Лучший ответ

Вместо этого вы можете передать аргумент html:

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

И в вашей функции изменения:

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

Чтобы получить значение.

  • 0
    Работает: eval (m1.motorSetLast (ui.value)); Возвращает m1: console.log ($ (this) .data ('motor-label')); Говорит, что метод не найден: eval ($ (this) .data ('motor-label'). MotorSetLast (ui.value));
  • 0
    Кстати, а что такое m1 ?
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню