javascript - JQuery UI 菜单防止子菜单项崩溃？

Question

我想防止 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);
    });
});

Answer 1

我在这里找到了解决方案:

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

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