JQuery UI菜单防止子菜单项折叠

JQuery UI menu prevent submenu item collapse?

本文关键字：菜单项 折叠 UI 菜单 JQuery      更新时间：2023-09-26

我想防止Jquery UI的子菜单项在单击时不折叠，现在它是默认折叠的，这里有一个例子，当单击子菜单项时，它会折叠。

http://jsfiddle.net/cR4EK/

$(document).ready(function() {
    var menu = $('#menu');
    menu.menu();
    var blurTimer;
    var blurTimeAbandoned = 200;  // time in ms for when menu is consider no longer in focus
    menu.on('menufocus', function() {
        clearTimeout(blurTimer);
    });
    menu.on('menublur', function(event) {
        blurTimer = setTimeout(function() {
            menu.menu("collapseAll", null, true );
        }, blurTimeAbandoned);
    });
});

我在这里找到了一个解决方案：

$("#menu").menu({
    select: function(e, ui) {
        $("#menu").menu("focus", e, ui.item);
    }
});

http://jsfiddle.net/VPXjs/1/所以忽略它。

相关文章：