JQuery设置了元素宽度和高度的上半部分和左半部分

时间:2013-12-25 18:03:10

标签: javascript jquery css

我的项目小提琴 - http://jsbin.com/ipEmIBAfa/3/edit

我想做的很简单。我抓住我的元素高度,并将其除以2,并将其设置为我的元素margin-top和margin-left css属性。

这是我的代码,但它不起作用。

非常感谢任何帮助。

$('#elementname').css({ position : "absolute" });
$('#elementname').css({ top : "50%" });
$('#elementname').css({ left : "50%" });
$('#elementname').css({ marginTop : ("-" + parseInt($('#elm-height').val()) / 2) + "px" });
$('#elementname').css({ marginLeft : ("-" + parseInt($('#elm-width').val()) / 2) + "px" });

1 个答案:

答案 0 :(得分:1)

将该加法流程与parenthesis分组。

编辑:

您是concatenating "-",而是尝试将该值乘以-1

尝试,

$('#elementname').css({ position : "absolute" });
$('#elementname').css({ top : "50%" });
$('#elementname').css({ left : "50%" });
$('#elementname').css({ marginTop : ((-1 * parseInt($('#elm-height').val())) / 2) + "px" });
$('#elementname').css({ marginLeft : ((-1 * parseInt($('#elm-width').val())) / 2) + "px" });