.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() 是一个 Jquery UI "widget"，这意味着您需要包含 JQuery ui。

这是 google 的 CDN 上的脚本和样式表，您应该包括在内以及 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/

.menu() 不是函数； jQuery升级

.menu() is not a function; jQuery upgrade

javascript

migration

jquery

upgrade