javascript - 检测位置并隐藏元素

Question

我试图在 div 的样式定位为 0 时隐藏按钮。

要解释的整个JS代码是:

$('#left-button').click(function() {
      event.preventDefault();
      $('#myTab').animate({
        left: "+=200px"
      }, "fast");

   });

上面的代码有效。如果我单击按钮(左键)，“mytab”div 将移至左侧。现在，当#myTab 的样式为“left:0”时，我想隐藏#left 按钮。

我试过这个:

if ($('#myTab').css('left') == '0') {

   $('#left-button').style.display = "none";

     }

基本风格是

#myTab { width:300px; height:300px; position:relative; left:0; background:#777 }

#left-button {width:200px; height:200px; background:#ccc; }

没有调试错误，但什么也没有发生。我能做些什么？如果有另一种方法而不是 Js，也请告诉我。

非常感谢。

http://jsfiddle.net/SgMDa/

Answer 1

您只是缺少单位值 px

if ($('#myTab').css('left') == '0px') {
   $('#left-button').hide();
}

并使用 .hide() 代替 style.display = "none";

Working Fiddle