Wsrtjtyk

I want to implement contextMenu Plugin but every time got error

$.contextMenu is not a function at HTMLDocument

I tried it like in the demo :

<script type="text/javascript">

    $(function () {

        $.contextMenu({

            selector: '.context-menu-one',

            callback: function (key, options) {

                var m = "clicked: " + key;

                window.console && console.log(m) || alert(m);

            },

            items: {

                "edit": { name: "Edit", icon: "edit" },

                "cut": { name: "Cut", icon: "cut" },

                copy: { name: "Copy", icon: "copy" },

                "paste": { name: "Paste", icon: "paste" },

                "delete": { name: "Delete", icon: "delete" },

                "sep1": "---------",

                "quit": {

                    name: "Quit", icon: function () {

                        return 'context-menu-icon context-menu-icon-quit';

                    }

                }

            }

        });



        $('.context-menu-one').on('click', function (e) {

            console.log('clicked', this);

        })

    });

</script>



<span class="context-menu-one btn btn-neutral">right click me</span>

I tried implement libraries by file:

<script src="~/Scripts/jquery.contextMenu.js"></script>

<script src="~/Scripts/jquery.ui.position.min.js"></script>

<link rel="stylesheet" href="~/Content/jquery.contextMenu.min.css">

and by cdnjs:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-contextmenu/2.7.1/jquery.contextMenu.min.css"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-contextmenu/2.7.1/jquery.contextMenu.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-contextmenu/2.7.1/jquery.ui.position.js"></script>

Nothing works.