<ul>
    <li id="52" class=" Menu_1 active"><a href="http://em.chenziwen.cn/post-52.html" title="">开始</a></li>
    <li id="55" class=" Menu_1 "><a href="http://em.chenziwen.cn/post-55.html" title="">更新记录</a></li>
</ul>

<!--右键菜单源-->
<div class="contextMenu" id="myMenu1">
    <ul>
        <li id="Menu_1_edit"><i class="bi bi-pencil-square" style="margin-right:0.3rem"></i>编辑文档</li>
        <li id="Menu_1_del"><i class="bi bi-trash3" style="margin-right:0.3rem"></i>删除文档</li>
    </ul>
</div>

<script src="<?= TEMPLATE_URL ?>js/jquery.min.3.5.1.js"></script>
<script src="<?= TEMPLATE_URL ?>contextmenu/jquery.contextmenu.r2.js"></script>

$('li.Menu_1').contextMenu('myMenu1', {
    //菜单样式
    menuStyle: {
        border: '1px solid #ddd'
    },
    //菜单项样式
    itemStyle: {
        fontFamily : 'verdana',
        backgroundColor : '#fff',
        color: '#000',
        border: 'none',
        padding: '2px 10px',
        fontSize:'13px'
    },
    //菜单项鼠标放在上面样式
    itemHoverStyle: {
        color: '#fff',
        backgroundColor: '#337ab7',
        border: 'none'
    },
    //事件    
    bindings:{
        'Menu_1_edit': function(t) {
                alert('Trigger was '+t.id+'\nAction was item_1');
        },
        'Menu_1_del': function(t) {
            alert('Trigger was '+t.id+'\nAction was item_1');
        },
    }
});

--end--