jquery - jQuery UI 布局 - 隐藏/显示窗格上的功能

Question

当我切换窗格时，我试图触发一个功能。

我找不到“听”这些小按钮（图片的红色圆圈）的点击方法的方法。这是我为西按钮尝试的：

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

但是当我单击它时，我的警报不会弹出（但窗格隐藏/显示）。使用 F12 我有这个 html：

<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 帖子中得到了这段代码：如果用户在 javascript 中按下两个键，如何做某事

这是新的小提琴：http: //jsfiddle.net/zUrpz/4/