JQuery UI 菜单项阻止默认链接行为

Question

我的页面上有一个 JQuery UI 菜单。我想更改选择项目时的默认行为，以便不跟随链接，而是执行我的函数。以下作品：

$mymenu.find("a").click(function(){
    return false;
});

但是，它会阻止执行菜单中的“选择”事件。如果我删除它，“选择”事件会触发，类似于

$mymenu.menu({
    select: function(event, ui) {
        alert(ui.item.text());
    }
});

但是，event.preventDefault() 或 event.stopPropagation() 都不会阻止链接被跟踪。以下内容阻止了链接被关注，但给了我同样的问题，即“选择”事件没有被触发。

 $mymenu.find("a").click(function(e){
     e.stopPropagation();
 });

如何防止链接被关注但仍触发“选择”事件？

Answer 1

如果我正确解释了您的问题，也许这就是您所追求的：

将您的事件处理代码放在菜单项的点击事件中，并在该点击事件结束时调用 preventDefault()。您将不需要 click 处理程序和 select: 处理程序。

$mymenu.find("a").click(function(event){
    // event handling code - alert($(event.target).text());
    event.preventDefault();
});

任何你想在点击时运行的东西仍然会运行，但不会跟随链接。