events - 防止jquery移动面板打开？

Question

我有以下代码。如您所见，我已经尝试了大多数防止它打开的常用方法。

我这样做是因为在 panelbeforeopen 中，我想检查用户是否已登录，然后仅在登录时才显示面板。

$(document).on('panelbeforeopen', '#right_panel', function(event){
        event.preventDefault();
        alert('test');
        return false;
        event.stopImmediatePropagation();
    });

Answer 1

最后，我必须将事件处理程序绑定到负责打开面板的按钮。

需要注意的是，将 a 标签自动链接到面板的代码将其事件处理程序设置为单击事件而不是点击事件。如果你使用 .on 绑定你的点击事件处理程序，它也不管什么原因都不起作用。你必须像往常一样绑定它。

在这里看到js fiddle

$('.footer .right_panel').on('click', function (event) {        
    alert('test');
    event.stopPropagation();
});