Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Don';无法成功更改输入宽度_Javascript_Jquery - Fatal编程技术网

Javascript Don';无法成功更改输入宽度

Javascript Don';无法成功更改输入宽度,javascript,jquery,Javascript,Jquery,我正在做这样的项目 当我尝试更改输入宽度时,它不会成功 var clickedHtml = "#EFEDEF"; var clickedCss = "#EFEDEF"; var clickedJs = "#EFEDEF"; var clickedRes = "#EFEDEF"; function inputSize() { var perc = 0; if (clickedHtml == "#818081") { perc++; } if (c

我正在做这样的项目

当我尝试更改输入宽度时,它不会成功

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按钮id

只需将值作为字符串返回,无需将其括在“”中


在您的情况下,返回的值
“50%”
无效,它应该是
50%

您只需将值作为字符串返回,无需将其括在“”中


在您的情况下,返回的值
“50%”
无效,它应该是
50%
返回'Return perc.toString()+“%”;'来自inputSize方法。

返回'Return perc.toString()+“%”;'来自inputSize方法

return perc.toString() + "%";