Hi guys, as per title, I have setup a simple demo menu from the examples and added a select event. This works in Firefox 24, Chrome 29 (29.0.1547.76), but the event does not fire in IE 11.0.9600 UNLESS you select Compatibility Mode, then all is fine.
Code:
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="Content/Css/default.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- Common Kendo UI Web CSS -->
<link href="Content/Css/kendo.common.min.css" rel="stylesheet" />
<!-- Default Kendo UI Web theme CSS -->
<link href="Content/Css/kendo.default.min.css" rel="stylesheet" />
<!-- Kendo UI Web combined JavaScript -->
<script type="text/javascript" src="js/debug/kendo.web.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#menu").kendoMenu({
select: function (e) {
// handle event
alert('clicked');
}
});
});
</script>
</head>
<body>
<ul id="menu">
<li>Normal Item
<ul>
<li><span class="k-sprite icon-class"></span>Item with a Sprite</li>
<li><img src="Icons/contacts.gif" />Item with an Icon</li>
</ul>
</li>
<li><a href="http://www.google.com">Navigation Item</a></li>
<li class="k-state-active">Active Item</li>
<li>Template Item
<div class="k-group k-content">
Test button - <a class="k-button">Button</a>
</div>
</li>
</ul>
</body>
Any ideas please?
Simon
Code:
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="Content/Css/default.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- Common Kendo UI Web CSS -->
<link href="Content/Css/kendo.common.min.css" rel="stylesheet" />
<!-- Default Kendo UI Web theme CSS -->
<link href="Content/Css/kendo.default.min.css" rel="stylesheet" />
<!-- Kendo UI Web combined JavaScript -->
<script type="text/javascript" src="js/debug/kendo.web.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#menu").kendoMenu({
select: function (e) {
// handle event
alert('clicked');
}
});
});
</script>
</head>
<body>
<ul id="menu">
<li>Normal Item
<ul>
<li><span class="k-sprite icon-class"></span>Item with a Sprite</li>
<li><img src="Icons/contacts.gif" />Item with an Icon</li>
</ul>
</li>
<li><a href="http://www.google.com">Navigation Item</a></li>
<li class="k-state-active">Active Item</li>
<li>Template Item
<div class="k-group k-content">
Test button - <a class="k-button">Button</a>
</div>
</li>
</ul>
</body>
Any ideas please?
Simon
2 Answers, 1 is accepted
0
Accepted
Hello Simon,
IE11 RTM was released only recently and we have official support for it in our Q2 2013 SP release (2013.2.918), which was delivered previous week. I've just tested it and the select event seems to work okay. Also, please make sure you have HTML tag and doctype when you run it (you probably removed them from the sample for some reason, but still).
Regards,
Kamen Bundev
Telerik
IE11 RTM was released only recently and we have official support for it in our Q2 2013 SP release (2013.2.918), which was delivered previous week. I've just tested it and the select event seems to work okay. Also, please make sure you have HTML tag and doctype when you run it (you probably removed them from the sample for some reason, but still).
Regards,
Kamen Bundev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Simon
Top achievements
Rank 1
Rank 1
answered on 23 Sep 2013, 10:09 AM
Hi, thanks for the quick reply. I did have those tags in my HTML, but found out I was referencing an older version of Kendo. Once I'd upgraded to the Q2 2013 all was good, works a treat!
Regards
Simon
Regards
Simon