jQueryの位置（）、offsetLeftは、クロムとFirefox

Question

を簡単にするために更新さに非常に異なる値を返す：段落にホバリングするとき http://jsfiddle.net/vJVcf/5/

///

http://jsfiddle.net/kE6TR/

（アニメーションが起こります）

私はこれを引き起こす原因は考えていませんが、その差をposition（）に絞りました。値 - いくつかの理由から、WebkitとFireFoxはそれを完全に異なって解釈します。

var $plugin = jQuery.sub(); 
$plugin.fn.animate = function(props, speed, cb) { 



    if (typeof(speed) == "function") cb = speed, speed = 500; 
    if (typeof(cb) != "function") cb = function() {}; 
    return $.each(this, function(i, el) { 
     el = $(el); 

     if (props.float && props.float != el.css("float")) { 
      var elem = el.clone().insertBefore(el).addClass('killme'), 
      temp = el.position().left; 
      el.css('position', 'absolute'); 
      props.marginLeft = 0; 
      props.left = 0; 

      el.css({ 
       marginLeft: temp 
      }); 
     } 
     $(this).animate(props, speed, function() { 
      $(this).css(props); 
      cb(); 
      el.css({ 
       marginLeft: -100, 
       position: "relative", 
       display: "block", 
       clear: "both" 
      }); 
     }); 
    }); 
}; 

Answer 1

私はあなたが何をしているのだろうと思っていますが、あなたのjQueryは不必要に複雑に見えます。 （例http://jsfiddle.net/tcloninger/uGNzA/。）

$(document).ready(function(){ 

    $('.eula_animate').each(function(){ 
     $(this) 
      .clone() 
      .prependTo(this) 
      .addClass('move_me') 
      .css({'left': $(this).offset().left }); 
    }); 

    $('p').hover(function(){ 
     $('.move_me').show().animate({'left':20},2000); 
    }); 

}); 

...そうそう、このCSSを追加します。.move_me{ display:none; position:absolute; color:red; }