记得添加 <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="#" οnclick="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>