.menu() не является функцией; обновление jQuery

Question

Я перевожу виджет меню с jQuery 1.6.4 на более новую версию jQuery, 1.11.1

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

наценка

    <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>

Когда я заменяю файл.js новым, он выдает исключение

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

Доступна ли новая функция?

Answer 1

.menu() - это "виджет" JQery UI, что означает, что вам нужно включить JQuery UI.

Вот скрипт и таблица стилей на CDN Google, которые вы должны включить, а также ваш скрипт JQuery (не стесняйтесь загружать его, если это проще):

<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>

Вот документация: https://jqueryui.com/menu/

Вот пример того, как его использовать: http://jsfiddle.net/FwBNE/1/