javascript - 动画窗口进出jQuery

Question

我在 jQuery 中创建了一个切换开关。如果您单击一个标记，侧边栏会在屏幕内滑动，当您单击同一个标记时，它会向后滑动。但是，我的屏幕上有多个标记，如果您单击另一个标记，动画会继续向内滑动，因此侧边栏会变大。我想要的是，当您单击任何标记时，侧边栏的大小保持不变，但我无法用我自己尝试的方法实现它。编码：

   google.maps.event.addListener(marker, 'click', function() {
                infowindow.open(map,marker);

                if(windowOpen)
                {

                    sidebar.animate({ 
                        width: "-=300px" 
                    }, 500, function()
                    {
                        console.log('complete');
                    });


                 windowOpen = false;

                }
                else
                {
                    sidebar.animate({ 
                        width: "+=300px" 
                    }, 500, function()
                    {



                    });

                    windowOpen = true;
                }



              });

谁能指出我正确的方向？

非常感谢！

Answer 1

看起来您还没有windowOpen在 eventHandler 之外定义。因此，在每次单击时 windowOpen 都是未定义的，导致您的else代码被执行。尝试这个：

var windowOpen = false;

google.maps.event.addListener(marker, 'click', function() {
  // your code
}