如何在ajax成功上显示上下文菜单

Question

我在我的mvc应用程序上显示图像。用户可以单击该图像，它会触发使用我的控制器上的方法的ajax调用。我想在ajax成功（当用户左键单击图像时）相对于图像位置显示我的上下文菜单，但它没有显示我的上下文菜单。有人能告诉我我做错了什么吗？ 这就是我所拥有的

<script type="text/javascript">
$(document).ready(function () {
    $(".audiobtn").click(function () {

        $.ajax({
            type: "POST",
            url: "/Controller/action",
            data: data to pass,
            async: false,
            cache: false,
            success: function () {
                    $(".audiobtn").mousedown(function (e) {            

                        if (e.button == 0)
                        {
                            $("#ContextMenu").css('left', e.pageX + 5);
                            $("#ContextMenu").css('top', e.pageY + 5);
                            $("#ContextMenu").fadeIn(100);
                        }
                    });
            },
            error: function (error) {
                alert(error);
                console.log(error);
            }
        });
    })  

    $('#ContextMenu').click(function () {

    });
})
</script>

<div id="ContextMenu">
    <a href="~/audio/sounds.wav" download="sounds.wav">Save</a>
</div>

如果用户点击页面中的任何其他位置或用户点击“保存”，我还要隐藏上下文菜单。在上下文菜单中

谢谢