有沒有辦法給jquery css方法添加變量？

有沒有什麼辦法用變量寬度代替255px以下的代碼？有沒有辦法給jquery css方法添加變量？

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

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

我已經閱讀了一點，並且我不想使用LESS css。

在此先感謝。

來源

2015-02-09 Sheil

''#fff url（\「/ img/erroricon.png \」）'+ width +'px center no-repeat''？你嘗試過字符串連接嗎？ – 2015-02-09 14:22:53

是的，但不同的方式:)看起來像我犯了一個錯誤，會嘗試你的解決方案。 – Sheil 2015-02-09 14:23:38

注意：您不需要在單引號字符串內轉義雙引號 – 2015-02-09 14:25:30

您也可以在寬度從CSS樣式的其餘部分由專門靶向只是background-size風格分開：

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

注意事項：

它並不需要使用單個CSS屬性時添加了px。
你沒必要逃單引號的字符串

來源

2015-02-09 14:29:49

你可以使用這樣的簡單拼接

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

來源

2015-02-09 14:25:29

裏面的雙引號要回答你的問題，「如何變量添加到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。

來源

2015-02-09 14:57:32 coderz

有沒有辦法給jquery css方法添加變量？

回答

相關問題