如何将对数应用于JQuery Knob

时间:2017-01-19 21:54:41

标签: javascript jquery html css

如何将对数应用于jquery旋钮我想以不同的比例制作3个部分并使它像20%,40%,40%而不是线性如果任何人可以帮助我解决我的问题 谢谢 继承我的工作https://jsfiddle.net/v4bfLfbu/23/

function emp(v) {
    if ($("#emp").val() <= 5) {
        document.getElementById("dollar1").innerHTML = "$" + ((v) * (3 / 2));
        document.getElementById("emp1").innerHTML = $('#emp').val();
        $('#panel1').show();
        $('#panel2').hide();
        $('#panel3').hide();
        $('#desc').hide();
        $('#emp').trigger('configure', {
            "inputColor"
            "#66CC66",
            'displayInput': 'true',
            "fgColor": "#66CC66"
        }).delay(1000000);
    } else if ($("#emp").val() <= 25 {
            document.getElementById("dollar2").innerHTML = "$" + ((v) * (3 / 2));
            document.getElementById("emp2").innerHTML = $('#emp').val();
            $('#panel1').hide();
            $('#panel2').show();
            $('#panel3').hide();
            $('#desc').hide();
            $('#emp').trigger('configure', {
                'inputColor': '#329ed6',
                "fgColor": "#329ed6",
            });
        } else if ($("#emp").val() < 499) {
            document.getElementById("dollar3").innerHTML = "$" + ((v) * (3 / 2));
            document.getElementById("emp3").innerHTML = $('#emp').val();
            $('#panel1').hide();
            $('#panel2').hide();
            $('#panel3').show();
            $('#desc').hide();
            $('#emp').trigger('configure', {
                'inputColor': '#325969',
                "fgColor": "#325969"
            });
        } else {
            $('#panel1').hide();
            $('#panel2').hide();
            $('#panel3').hide();
            $('#desc').show();
            document.getElementById("desc").innerHTML = "Please Contact Payment Evolution\nhttps://paymentevolution.com\n,Contact Us : +1-647-776-7600 \n,Mon-Fri 9am-5pm ET\n";
        }
    }
    $(function a() {
        $('.knob').knob({
            'min': '1',
            'max': '500',
            'displayInput': 'true',
            'displayPrevious': 'true',
            'skin': 'tron',
            'release': emp,
            'change': emp
        });
    });

0 个答案:

没有答案