在Kendo UI中当您将鼠标悬停在网格工具栏中的菜单上时,菜单文本会消失。我想知道这是剑道 ui 错误还是我做错了什么?我正在使用地铁主题。
这是问题的屏幕截图:
这是重现问题的代码:
<!DOCTYPE>
<html>
<head>
<title></title>
<script src="http://code.jquery.com/jquery-1.8.1.min.js" type="text/javascript"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js" type="text/javascript"></script>
<link href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.metro.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id='grid'></div>
<script type="text/x-kendo-template" id="template">
<div>
<ul id='menu'>
<li><span>Options</span>
<ul>
<li>Custom Option</li>
</ul>
</li>
</ul>
</div>
</script>
<script>
$(function () {
$("#grid").kendoGrid({
toolbar: kendo.template($("#template").html()),
dataSource: new kendo.data.DataSource({
data: []
}),
columns: [{
field: "FIELD1",
title: "Field 1"
}]
}).data("kendoGrid");
$("#menu").kendoMenu();
});
</script>
</body>
</html>