jquery - 使用 jquery 更改背景大小

Question

我想将图像的背景大小更改为用户想要的宽度和高度。

我有一个表单，用户可以在其中输入正确的宽度和高度

   <input type="text" class="form-control input-width input-px" maxlength="2" name="width">PX breed
   <input type="text" class="form-control input-height input-px" maxlength="2" name="height">PX hoog

如果输入发生变化，我想将背景大小更改为输入字段的值

      $(".input-px").on("change", function()
      {

          width = $(".input-width").val()+"px";
          height = $(".input-height").val()+"px"

          $(".source").css("background-size", width + height );

      })

我没有收到任何错误，但它也不会改变宽度/高度。

Answer 1

我相信你应该这样做：

$(".source").css("background-size", width + ', ' + height );

你这样做的方式，你正在做宽度和高度的总和，在 css 中，背景大小需要 2 个用逗号分隔的数字。

Answer 2

我认为您在背景大小的文本输入中缺少一个空格。

$(".source").css("background-size", width + " " + height );