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="#" ο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>