kendo 底部弹出选择菜单，可用作底部一级、二级导航kendoNotification

记得添加 <script src="/Scripts/kendo/kendo.all.min.js"></script>

    <script src="/Scripts/kendo/kendo.mobile.min.js"></script>

    <link href="/Content/kendo/kendo.mobile.all.min.css" rel="stylesheet" /

<div data-role="view" data-title="啊啊啊" id="MT" data-layout="mt-main">
home page<br/> home page<br /> home page<br /> home page<br /> home page<br /> home page<br /> home page<br />
home page<br /> home page<br /> home page<br /> home page<br /> home page<br /> home page<br /> home page<br />
home page<br /> home page<br /> home page<br /> home page<br /> home page<br />
home page<br /> home page<br /> home page<br />
</div>
<div data-role="layout" data-id="mt-main">
<header data-role="header">
<div data-role="navbar"><span data-role="view-title">aaa</span></div>
</header>

<footer data-role="footer">
<div style=" height:40px; ">

<a data-role="button" href="#popOverWidget" data-rel="popover">弹出</a>
<div id="popOverWidget" data-role="popover" data-popup="{'height':150}">
<div data-role="view">
<ul data-role="listview">
<li>
<a href="#" onclick="javascript:show()">第一个</a>

</li>
<li>
<a href="#">第3个</a>

</li>
</ul>
</div>

</div>

<center><i id="noti" style="HorizontalAlign:Center"></i></center>

</div>
</footer>
<script>
var application = new kendo.mobile.Application(document.body,
{

});
var noti = $('#noti').kendoNotification().data('kendoNotification');

</script>

<script >
function show()
{
noti.show('欢迎访问极客标签!', 'error');
}

</script>

</div>