改变输入宽度并不成功

Question

我正在制作这样的项目应该看起来像http://jsbin.com

当我尝试更改输入宽度时，它确实成功

var clickedHtml = "#EFEDEF";
var clickedCss = "#EFEDEF";
var clickedJs = "#EFEDEF";
var clickedRes = "#EFEDEF";

function inputSize() {
    var perc = 0;

    if (clickedHtml == "#818081") {
        perc++;
    }
    if (clickedCss == "#818081") {
        perc++;
    }
    if (clickedJs == "#818081") {
        perc++;
    }
    if (clickedRes == "#818081") {
        perc++;
    }

    if (perc != 0) {
        perc = 100 / perc;
    }

    return "\"" + perc.toString() + "%\"";
}

$("#htmlBut").click(function () {

    if (clickedHtml == "#EFEDEF") {
        $("#htmlBut").css("backgroundColor", "#818081");
        clickedHtml = "#818081";
    } else {
        $("#htmlBut").css("backgroundColor", "#EFEDEF");
        clickedHtml = "#EFEDEF";
    }

    $("#htmlField").css({
        width: inputSize(),
        display: 'block'
    });

});

• htmlField - 输入ID。
• htmlBut - html button id。

Answer 1

您只需将值作为字符串返回，无需将其括在＆＃34;＆＃34;

return perc.toString() + "%";

在您的情况下，返回值"50%"无效，应该只是50%

Answer 2

返回＆＃39;返回perc.toString（）+＆＃34;％＆＃34;;＆＃39;来自inputSize方法。