進出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

看起來您尚未在eventHandler之外定義windowOpen 。 因此，在每次單擊時windowOpen都是未定義的，導致您的else代碼被執行。 嘗試這個：

var windowOpen = false;

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