Question

当用户点击表格的第一行时，我会看到一个菜单：

<script type="text/javascript">
jQuery(document).ready(function(e) {
    checkoptions();

    jQuery("select.super-attribute-select").change(function(){
        checkoptions();
    });
});

function checkoptions(){
    jQuery("select.super-attribute-select option").each(function(){
        var optiontext = jQuery(this).text();
        var addsignpos = optiontext.indexOf('+');
        var subtractsignpos = optiontext.indexOf('-');
        if(addsignpos>0){
            var result = optiontext.substring(0,addsignpos-1);
            jQuery(this).html(result);
        }

        if(subtractsignpos>0){
            var result = optiontext.substring(0,subtractsignpos-1);
            jQuery(this).html(result);
        }
    });
}

在表格的第一行我有

<menu type="context" id="mnuTitle">
    <menuitem type='checkbox' label='id' checked></menuitem>
    <menuitem type='checkbox' label='name'></menuitem>
</menu>

到目前为止，这么好。但是当用户点击任何菜单项时，菜单消失（默认行为）。如何仅使用javascript / html / css强制它消失？

PS1：我使用的是Firefox，而且代码只需要与Firefox一起使用（看起来菜单标签仅适用于Firefox，现在）。谢谢！

PS2：这是一个小提琴：https://jsfiddle.net/ffdctn9t/4/

如何让我的上下文菜单在点击后不会消失？

0 个答案: