我有以下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>
答案 0 :(得分:0)
我认为你错过了一些Css或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>
显示菜单需要上面的CSS / Js
了解更多信息,请找到此链接,
http://demos.telerik.com/kendo-ui/menu/right-to-left-support