2013-04-21 63 views
0

我正在使用按鈕生成器,最後一步是爲div生成我的按鈕的CSS代碼。我使用下面的代碼,但W只能存儲一個值,讓我說我的寬度如何獲得另一個值的高度填充等..?如何用jQuery生成css?

function showWidth(ele, w) { 
    $("#myCode").html( "width:" + w + ";" + "<br/>" + " height: " + w + ";" + "<br/>"); 
} 

$("#code").click(function() { 
    showWidth("button", $("#valuePX").val()); 
    showWidth("button", $("#valuePX1").val()); 
}); 
+0

我不明白你的問題。 – sdespont 2013-04-21 15:56:52

回答

0

使用Jquery的CSS方法。

buttonHeight = $("button").css("height"); 
buttonPadding = $("button").css("padding"); 

您可以對任何CSS屬性使用此方法。

如果你需要設置值:

buttonHeight = $("button").css("height","100px"); 
buttonPadding = $("button").css("padding","0 50 0 25"); 
0
function showWidth(ele, values) { 
     $("#myCode").html( "width:" + values.width + ";" + "<br/>" + " height: " + values.height + ";" + "<br/>" 

); 
    } 
    $("#code").click(function() { 
     var values = {}; 
     values.width = $("#valuePX").val(); 
     values.height = $("#valuePX1").val(); 
     //you can add as many things as possible like values.padding, values.anything 
     showWidth("button",values); 

});