VPF::Можно ли связать 2 ползунка Jquery UI?

Pierre

Дата 18.4.2016, 11:07 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 3.10.2015

Репутация: нет
Всего: нет

Код


<form id="reservation">
    <label for="minbeds">Minimum number of beds</label>
    <select name="minbeds" id="minbeds">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
        <option>9</option>
        <option>10</option>
        <option>11</option>
        <option>12</option>
    </select>
</form>

<form id="reservation-second">
    <label for="minbeds-second">Minimum number of beds</label>
    <select name="minbeds-second" id="minbeds-second">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
        <option>9</option>
        <option>10</option>
        <option>11</option>
        <option>12</option>
    </select>
</form>

Код


$(function() {
    var select = $( "#minbeds" );
    var slider = $( "<div id='slider'></div>" ).insertAfter( select ).slider({
        min: 1,
        max: 12,
        range: "min",
        value: select[ 0 ].selectedIndex + 1,
        slide: function( event, ui ) {
            select[ 0 ].selectedIndex = ui.value - 1;
        }
    });
    $( "#minbeds" ).change(function() {
        slider.slider( "value", this.selectedIndex + 1 );
    });
});

Кто может подсказать, как можно связать 2 ползунка, так чтобы при движении 1го двигался так же и второй, но двигать второй нельзя было бы?
кто может подсказать?)

ksnk

Дата 18.4.2016, 12:27 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Тынц.
Если убрать атрибут disabled из второго селекта - получим два синхронных ползунка.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Pierre

Дата 18.4.2016, 12:28 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 3.10.2015

Репутация: нет
Всего: нет

попробовал получая позицию 1го ползунка, назначать его 2му, но по какой то причине он отстает на 1ну единицу.... хотя позиция в пикселах что у 1го что у 2го одинаковая, но перемещаешь вперед первый, допустим на значение 10, то 2й останавливается на значении 9, а если обратно переместить, 1й с 10й позиции на 5ю, то второй переметится на 6ю... и никак не могу понять в чем приколюха.

Pierre

Дата 18.4.2016, 13:50 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 3.10.2015

Репутация: нет
Всего: нет

Цитата(Pierre @ 18.4.2016, 12:28)

благодарю за науку

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »