jquery - 如何获取 CSS 动态更改的值？

Question

我有一个 div，当我将链接悬停时，它会一直使用 div 向左设置动画，.animate()而当 mouseout 时它会停止动画。

当它动画时，它会style="left:x"在 div 中添加 a，其中 x 是实际值。

我试图获得这个值，但它不起作用。

我试过这个：

var posicao = $('#conteudo').css('left');

$('a').click(function(e)({
    e.preventDefault();
    console.log(posicao);
});

但它返回值auto。在 css 文件中，我什至没有将值设置为left..

其实我有两个问题。

• 如何获得这个值？
• auto如果我什至没有将值设置为 left，为什么它会返回？

编辑***这里是链接http://www.estudiocaju.com.br/homolog/dicavalcanti/teste/ 左右有 2 个黑条。如果您将它们悬停.animate()在该#conteudo部分。如果您单击该<header>区域，它将console.log(posicao)

Answer 1

var posicao = $('#conteudo').position().left;

?

PS：你应该在 click 事件中使用它，否则该值将存储在 document load 上，当它始终为 0 时。像这样：

$('a').click(function(e)({
    e.preventDefault();
    var posicao = $('#conteudo').position().left;
    console.log(posicao);
});