Javascript 如何从该ui滑块中删除第二个句柄？

所以我用两个单独的滑块创建了这个过滤器，每个滑块有3个数据点。根据手柄在滑块上的位置，每个组合将显示不同的卡。该功能似乎正在工作，但我意识到，当我不需要第二个手柄时，我可能使用了多范围滑块。有没有办法把它去掉

HTML

多少THC？
高
低



CBD多少钱？
高
低

解除
温和
抚慰
提升
平衡
放松
飞行
欣喜若狂
慢

Javascript

     $('#products').removeClass('card-hidden');
 });
    
    function showProducts(minP, maxP, minQ, maxQ) {
    $("#products li").filter(function() {
        var price = parseInt($(this).data("price"), 10);
        var quality = parseInt($(this).data("quality"), 10);
        if(price >= minP && price <= maxP && quality >= minQ && quality <= maxQ){
             $(this).show();
        } else {
             $(this).hide();
        }
    });
}


$(function() {
    var options = {
        hidden: true,
        range: true,
        min: 0,
        max: 20,
        step: 10,
        values: [0,20],
        change: function(event, ui) {
            var minP = $("#price").slider("values", 0);
            var maxP = $("#price").slider("values", 0);
            var minQ = $("#quality").slider("values", 0);
            var maxQ = $("#quality").slider("values", 0);
            showProducts(minP, maxP, minQ, maxQ);
        }
    };

    $("#price").slider(options);
    $("#quality").slider(options);

});

$（“#产品”）.removeClass（'card-hidden'）；
});
功能展示产品（minP、maxP、minQ、maxQ）{
$（“#产品li”）.filter（函数（）{
var price=parseInt（$（此）.data（“价格”），10）；
var quality=parseInt（$（this）.data（“quality”），10）；
如果（price>=minP&&price=minQ&&quality如果希望其中一个滑块仅具有一个手柄，则应使用固定的最大/最小值


$（函数（）{
$（“#产品”）.removeClass（'card-hidden'）；
});
功能展示产品（minP、maxP、minQ、maxQ）{
$（“#产品li”）.filter（函数（）{
var price=parseInt（$（此）.data（“价格”），10）；
var quality=parseInt（$（this）.data（“quality”），10）；
如果（price>=minP&&price=minQ&&quality惊人！它工作得很好，非常感谢您！
     $('#products').removeClass('card-hidden');
 });
    
    function showProducts(minP, maxP, minQ, maxQ) {
    $("#products li").filter(function() {
        var price = parseInt($(this).data("price"), 10);
        var quality = parseInt($(this).data("quality"), 10);
        if(price >= minP && price <= maxP && quality >= minQ && quality <= maxQ){
             $(this).show();
        } else {
             $(this).hide();
        }
    });
}


$(function() {
    var options = {
        hidden: true,
        range: true,
        min: 0,
        max: 20,
        step: 10,
        values: [0,20],
        change: function(event, ui) {
            var minP = $("#price").slider("values", 0);
            var maxP = $("#price").slider("values", 0);
            var minQ = $("#quality").slider("values", 0);
            var maxQ = $("#quality").slider("values", 0);
            showProducts(minP, maxP, minQ, maxQ);
        }
    };

    $("#price").slider(options);
    $("#quality").slider(options);

});