如果 margin left == 百分比

Question

我想让我的 div 向左走 5 次，然后再回来。为此，我有那个脚本：

Javascript :

$(document).ready(function() {
  if(document.getElementById('twitter').style.marginLeft == "-278%")
  {
    (function($){
      setInterval(function(){

        $('#twitter').animate({
        marginLeft: '+=278%',
        },3000);

      }, 5000);

   })(jQuery);
  }else{
    (function($){
      setInterval(function(){
        $('#twitter').animate({
            marginLeft: '-=55.6%',
        },2000);

      }, 5000);
    })(jQuery);
  }
});

我有一个使用 px 的工作脚本：

if($('#twitter').css("marginLeft")==('-5300px'))

但是我需要百分比来响应，有人可以帮我吗？

编辑：

动画正在运行，只是 if 的条件不起作用。

Answer 1

使用 position: absolute 和 left 属性代替 margin-left

<div id='twitter'>
  hello
</div>

#twitter{
 position: absolute;
 left: -50%;
}

如果 margin left == 百分比

If margin left == percent

javascript

css

jquery

percentage

margin-left