JQuery conflict for contextMenu
<p>i have a web page with
Import code:</p>
<pre><code>&lt;script type=&quot;text/javascript&quot; src=&quot;js/core/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/plugins/metisMenu/metisMenu.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/plugins/ContextMenu.js&quot;&gt;&lt;/script&gt;
</code></pre>
<p>HTML code:</p>
<pre><code>&lt;span class=&quot;context-menu-one btn btn-neutral&quot;&gt;right click me&lt;/span&gt;
</code></pre>
<p>jquery code:</p>
<pre><code>$(function() {
    $.contextMenu({
        selector: '.context-menu-one', 
        callback: function(key, options) {
            var m = &quot;clicked: &quot; + key;
            window.console &amp;&amp; console.log(m) || alert(m); 
        },
        items: {
            &quot;edit&quot;: {name: &quot;Edit&quot;, icon: &quot;edit&quot;},
            &quot;cut&quot;: {name: &quot;Cut&quot;, icon: &quot;cut&quot;},
           copy: {name: &quot;Copy&quot;, icon: &quot;copy&quot;},
            &quot;paste&quot;: {name: &quot;Paste&quot;, icon: &quot;paste&quot;},
            &quot;delete&quot;: {name: &quot;Delete&quot;, icon: &quot;delete&quot;},
            &quot;sep1&quot;: &quot;---------&quot;,
            &quot;quit&quot;: {name: &quot;Quit&quot;, icon: function(){
                return 'context-menu-icon context-menu-icon-quit';
            }}
        }
    });

    $('.context-menu-one').on('click', function(e){
        console.log('clicked', this);
    })    
});
</code></pre>
<p>If I use it, in console comes the following error message:
<strong>$.contextMenu is not a function</strong></p>
<p>If I add:</p>
<pre><code>&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js&quot;&gt;&lt;/script&gt;
</code></pre>
<p>it doesn't work too.
But if I use <strong>jQuery.noConflict()</strong>  it works,but in console comes the following error message: <strong>$.metisMenu is not a function</strong></p>
<p>I use a template called <a href="http://startbootstrap.com/template-overviews/sb-admin-2/" rel="nofollow noreferrer">Admin2</a>
and I see the example of ContextMenu.js called <a href="https://swisnl.github.io/jQuery-contextMenu/demo.html" rel="nofollow noreferrer">ExampleContextMenu</a>
How could I solve? I do not know.
<em>I believe that the jquery version is too old</em></p>