noUiSlider 两个处理程序 - 检查数字是否属于范围

问题描述

我有两个处理程序 noUiSlider。是否可以检查数字是否属于范围并仅显示数据室值属于范围的行？比如下层handler是2，上层handler是4，那么就应该显示data-rooms="2"、data-rooms="3"、data-rooms="4"的行。另一个应该是隐藏的。

var roomsSlider = document.getElementById('roomsSlider'),roomsSliderValues = document.getElementById('roomsSliderValues'),roomsSliderMin = document.getElementById('roomsSliderMin'),roomsSliderMax = document.getElementById('roomsSliderMax');

        noUiSlider.create(roomsSlider,{
            start: [1,4],connect: true,step: 1,range: {
                'min': 1,'max': 4
            },format: {
                from: function (value) {
                    return parseInt(value);
                },to: function (value) {
                    return parseInt(value);
                }
            }
        });

        roomsSlider.noUiSlider.on('update',function (values,handle) {
            if (handle) {
                roomsSliderMax = values[handle];
            } else {
                roomsSliderMin = values[handle];
            }
            var roomsRange = (values[handle] >= parseInt(roomsSliderMin) && values[handle] <= parseInt(roomsSliderMax)) ? true : false;
            console.log(roomsRange)
            if (roomsRange) {
                var elems2 = $('.apart-item[data-rooms="' + values[handle] + '"]');

                $('.apart-item').not(elems2).hide();
                elems2.show();
            } else {
                $('.apart-item').show();
            }

        });

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）