如何让CSS动态改变价值？

Question

我有一个div，当我悬停一个链接时，它会使用.animate()保持div向左动画，当mouseout停止动画时。

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

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

我试过这个：

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

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

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

实际上我有两个问题。

• 如何获得此值？
• 如果我甚至没有设置左值，为什么会返回auto？

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

Answer 1

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

P.S。：你应该在click事件中使用它，否则值将存储在文档加载中，当它总是为0.这样的事情：

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