jQuery UI的佈局 - 在隱藏/顯示窗格中

Question

我試圖觸發功能，當我切換窗格功能。

我無法找到一個方法來「聽」到這些小按鈕（圖像的紅色圓圈）的點擊方法。這是我嘗試了西部按鈕：

$('.ui-layout-toggler.ui-layout-toggler-west.ui-layout-toggler-open.ui-layout-toggler-west-open').click(function(){ 
    alert('test'); 
}); 

但是，當我點擊它，我的警覺不會彈出（但窗格隱藏/顯示）。使用F12我有這個網站：

<div id="" class="ui-layout-toggler ui-layout-toggler-west ui-layout-toggler-open ui-layout-toggler-west-open" title="Fechar" style="position: absolute; display: block; padding: 0px; margin: 0px; overflow: hidden; text-align: center; font-size: 1px; cursor: pointer; z-index: 1; visibility: visible; height: 48px; width: 6px; top: 174px; left: 0px;"></div> 

Answer 1

嘗試：

$('body').on('mousedown', '.ui-layout-toggler', function(){ 
    console.log('test'); 
}); 

似乎有另一個另一個事件處理程序，或者是干擾/採取優先次序，甚至可能使用event.stopPropagation()指出引起on.('click')不工作。圍繞這一辦法是捕捉mousedown事件，這應該爲任何你想要用戶點擊切換按鈕後做工作....

搭上箭+ ctrl鍵使用此代碼：

 var arrow = { 
      left: 37, 
      up: 38, 
      right: 39, 
      down: 40 
      }, 

     ctrl = 17; 

     $(document).on("keydown", function (event) { 
      if (event.ctrlKey && event.which === arrow.left) { 
       console.log("You pressed left, and control."); 
      } 
     }); 

我得到了這個SO後此代碼：How to do something if the user presses two keys in javascript

這裏是新小提琴：http://jsfiddle.net/zUrpz/4/