jquery - 如何在文本框中编码以便稍后在代码中使用

Question

所以我正在编写一个网站，我需要在其中显示正在调整大小的图标。这是我调整大小的代码:

$(document).ready(function() {
$("#button1").click(function() {
    $("#icon").animate({
        width: '+=30px',
        height: '+=30px'
    }, 1000);
});

$("#button2").click(function() {
    $("#icon").animate({
        width: '-=#30px',
        height: '-=#30px'
    }, 1000);
});                    

现在它按 30 像素调整大小，我需要制作一个文本框，用户可以在其中输入数字，它会按该像素数调整大小，但我不知道如何编写代码。请帮忙。

Answer 1

html:

<input id="pixInput" />

JavaScript:

像这样访问变量:

$("#pixInput").val();

所以你可以说

width: $("#pixInput").val() + "px";
height: $("#pixInput").val() + "px";

也许还应该进行一些验证，但这应该可行。