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

标签 javascript jquery css

我的元素的 fiddle - 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" });

最佳答案

parenthesis 将加法过程分组。

编辑:

您正在连接“-”,而是尝试将该值乘以-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" });

关于javascript - JQuery 设置元素的上半部分和左半部分的宽度和高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20775477/

相关文章:

javascript - 在 DevExpress 图表控件中显示条形内的提示数据

php - 错误消息无法从 php 获取正确的值

javascript - 为什么 $(document).ready() 的位置很重要?

html - 光标位置触发事件

javascript - 如何使用流利的工具包将模态放置在页面的右下角?

javascript - 如何捕获键盘事件来自哪些键?

javascript - JavaScript 函数中的 var 作用域

javascript - Laravel - 在使用 jQuery AJAX 提交表单之前检查用户名是否已存在

javascript - 菜单重叠在 slider 上

html - 如何让 <li> 和它的 <a> child 一样高?