javascript - kendoMenu() 不是函数

Question

kendoMenu() 不是函数，kendobutton 和 kendotabstrip 等其他函数正在运行，但 kendoMenu 不起作用。请为此提供解决方案，此代码中是否缺少任何 JS 或 CSS 文件？

我有以下html：-

<link href="~/Content/Styles/kendo.rtl.min.css" rel="stylesheet" />
<link href="~/Content/Styles/kendo.default.min.css" rel="stylesheet" />


<link href="~/Content/Styles/kendo.dataviz.min.css" rel="stylesheet" />
 <link href="~/Content/Styles/kendo.dataviz.default.min.css" rel="stylesheet" />


<script src="~/Scripts/kendojs/jquery.min.js"></script>
<script src="~/Scripts/kendojs/kendo.all.min.js"></script>
<div id="example">
    <div id="megaStore">
        <ul id="menu">
            <li>
                Products
                <ul>
                    <li>
                        Furniture
                        <ul> 
                            <li>Tables & Chairs</li>
                            <li>Sofas</li>
                            <li>Occasional Furniture</li>
                            <li>Children's Furniture</li>
                            <li>Beds</li>
                        </ul>
                    </li>                            
                </ul>
            </li>
       </ul>
<script>         
  $(document).ready(function() {
    $("#menu").kendoMenu();
  });
</script>

演示：http ://demos.telerik.com/kendo-ui/menu/index

Answer 1

i think you missed some Css or JS

 <link rel="stylesheet" href="styles/kendo.common.min.css" />
    <link rel="stylesheet" href="styles/kendo.default.min.css" />
    <link rel="stylesheet" href="styles/kendo.rtl.min.css" />
    <link rel="stylesheet" href="styles/kendo.dataviz.min.css" />
    <link rel="stylesheet" href="styles/kendo.dataviz.default.min.css" />
    <link rel="stylesheet" href="styles/kendo.default.mobile.min.css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>

above CSS / Js are needed for display the menu,

for more information please find this link,

http://demos.telerik.com/kendo-ui/menu/right-to-left-support