Question

有没有办法用可变宽度替换下面代码中的255px？

var width = $(".input-textbox").width();

     $("#txtTryContactMob").css('background', '#fff url(\"/img/erroricon.png\") 255px center no-repeat');

我已经阅读了一些关于它的内容，我不想使用LESS css。

提前致谢。

Answer 1

你可以通过简单连接这样使用

var customwidth = $(".input-textbox").width();
     $("#txtTryContactMob").css('background', '#fff url(\"/img/erroricon.png\") '+customwidth+'px center no-repeat');

Answer 2

您还可以通过专门定位background-size样式来将宽度与CSS样式的其余部分分开：

 var width = $(".input-textbox").width();
 $("#txtTryContactMob").css('background', '#fff url("/img/erroricon.png") 255px center no-repeat')
      .css('background-size', width);

备注：

使用单个CSS属性时不需要添加px。

您不需要在单引号字符串
中转义双引号

Answer 3

要回答您的问题，“ 如何将变量添加到jquery css方法？ ”，可能哈希格式css看起来更具扩展性：

$("#txtTryContactMob").css({
  "background": '#fff url("/img/erroricon.png") center',
  "background-size": $(".input-textbox").width() + "px",
  "background-repeat": "no-repeat",
  "background-position": "center"
  // more attribute pairs
});

有关background个详细信息，请参阅http://www.w3schools.com/css/css_background.asp。

有没有办法将变量添加到jquery css方法？

3 个答案: