Как получить динамически измененное значение CSS?

Question

У меня есть div, который, когда я нахожу ссылку, продолжает анимировать div влево, используя .animate(), и когда мышь останавливает анимацию.

Когда он оживляет, он добавляет style="left:x" в div, где x - фактическое значение.

Im пытается получить это значение, но его не работает.

Я попытался это:

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/ Theres 2 черные полосы слева и справа. если вы наведете их itll .animate() раздел #conteudo. При нажатии <header> область он будет console.log(posicao)

Answer 1

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

?

PS: И вы должны использовать это в случае щелчка в противном случае значение будет храниться в документе нагрузке, когда оно всегда будет 0. Что-то вроде этого:

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