CODEWITHSUNDEEP
javascriptjquerymigrationupgrade
Colbs
Colbs

Reputation: 597

.menu() is not a function; jQuery upgrade

I am migrating a menu widget from jQuery 1.6.4 to a newer version of jQuery , 1.11.1

        $(document).ready(function () {
            $('#takeMeToLink').menu({
                content: $('#globalContent1').html(),
                flyOut: false
            });
        });

Markup

    <a id="takeMeToLink" href="#" style="color:black">
        Take Me To
       <span style="height:3px;width:15px;position:relative;display:inline-block;overflow:hidden;" class="s4-clust ms-viewselector-arrow">
       <img src="/_layouts/15/images/fgimg.png" alt="Open Menu" style="border-width:0px;position:absolute;left:-0px !important;top:-491px !important;" /></span>
    </a>

When I replace the .js file with the new one, it throws an exception

Uncaught TypeError: $(...).menu is not a function

Is there a new function available?

Upvotes: 0

Views: 6257

Answers (1)

zfrisch
zfrisch

Reputation: 8670

.menu() is a Jquery UI "widget", which means you need to include JQuery ui.

Here's the script and stylesheet on google's CDN that you should include as well as your JQuery script(feel free to download it if that's easier):

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

Here's the documentation: https://jqueryui.com/menu/

Here's an example of how to use it: http://jsfiddle.net/FwBNE/1/

Upvotes: 2

Related Questions