12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>mcZsHjkzMenu</title>
- <script type="text/javascript">
- $(function () {
- var key = "$!key";
- switch (key) {
- case "yzzk":
- loadHkZsMain("ztxx");
- break;
- case "csl":
- loadHkZsMain("zl");
- break;
- case "snhj":
- loadHkZsMain("wd");
- break;
- case "hyzs":
- loadHkZsMain("hyzs");
- break;
- }
- //点击二级菜单加载内容页面-事件委托
- $('#mc').on('click', 'li', function () {
- if ($(this).data('skip')) {
- $('#mc').find('li.active').removeClass('active');
- $(this).addClass('active');
- loadHkZsMain($(this).data('skip'))
- }
- })
- });
- function loadHkZsMain(key2) {
- haifm.loadMobilePage("hksearchMenu", "searchHkHaifmMain.htm?key2=" + key2 + "&zsid=" + $("#zsid").val());
- }
- </script>
- </head>
- <body>
- <div class="container">
- <div class="row" id="mc">
- #if ("$!key" == "yzzk")
- <ul class="nav nav-pills row zsul">
- <li class="active col-lg-3 col-md-3 col-sm-3 col-xs-3" data-skip="ztxx">总体信息
- </li>
- <li class="disabled col-lg-3 col-md-3 col-sm-3 col-xs-3">料肉比</li>
- <li class="disabled col-lg-3 col-md-3 col-sm-3 col-xs-3">饲料存量</li>
- <li class="disabled col-lg-3 col-md-3 col-sm-3 col-xs-3">实时视频</li>
- </ul>
- #end
- #if ("$!key" == "csl")
- <ul class="nav nav-pills row zsul">
- <li class="active col-lg-4 col-md-4 col-sm-4 col-xs-4" data-skip="zl">整栏</li>
- <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-skip="wt">窝/天</li>
- <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-skip="sw">时/窝</li>
- </ul>
- #end
- #if ("$!key" == "snhj")
- <ul class="nav nav-pills row zsul">
- <li class="active col-lg-4 col-md-4 col-sm-4 col-xs-4" data-skip="wd">温度</li>
- <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-skip="sd">湿度</li>
- <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-skip="aq">氨气</li>
- </ul>
- #end
- </div>
- </div>
- </body>
- </html>
|