mcZsHjkzMenu.htm 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>mcZsHjkzMenu</title>
  5. <script type="text/javascript">
  6. $(function () {
  7. var key = "$!key";
  8. switch (key) {
  9. case "yzzk":
  10. loadHkZsMain("ztxx");
  11. break;
  12. case "csl":
  13. loadHkZsMain("zl");
  14. break;
  15. case "snhj":
  16. loadHkZsMain("wd");
  17. break;
  18. case "hyzs":
  19. loadHkZsMain("hyzs");
  20. break;
  21. }
  22. //点击二级菜单加载内容页面-事件委托
  23. $('#mc').on('click', 'li', function () {
  24. if ($(this).data('skip')) {
  25. $('#mc').find('li.active').removeClass('active');
  26. $(this).addClass('active');
  27. loadHkZsMain($(this).data('skip'))
  28. }
  29. })
  30. });
  31. function loadHkZsMain(key2) {
  32. haifm.loadMobilePage("hksearchMenu", "searchHkHaifmMain.htm?key2=" + key2 + "&zsid=" + $("#zsid").val());
  33. }
  34. </script>
  35. </head>
  36. <body>
  37. <div class="container">
  38. <div class="row" id="mc">
  39. #if ("$!key" == "yzzk")
  40. <ul class="nav nav-pills row zsul">
  41. <li class="active col-lg-3 col-md-3 col-sm-3 col-xs-3" data-skip="ztxx">总体信息
  42. </li>
  43. <li class="disabled col-lg-3 col-md-3 col-sm-3 col-xs-3">料肉比</li>
  44. <li class="disabled col-lg-3 col-md-3 col-sm-3 col-xs-3">饲料存量</li>
  45. <li class="disabled col-lg-3 col-md-3 col-sm-3 col-xs-3">实时视频</li>
  46. </ul>
  47. #end
  48. #if ("$!key" == "csl")
  49. <ul class="nav nav-pills row zsul">
  50. <li class="active col-lg-4 col-md-4 col-sm-4 col-xs-4" data-skip="zl">整栏</li>
  51. <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-skip="wt">窝/天</li>
  52. <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-skip="sw">时/窝</li>
  53. </ul>
  54. #end
  55. #if ("$!key" == "snhj")
  56. <ul class="nav nav-pills row zsul">
  57. <li class="active col-lg-4 col-md-4 col-sm-4 col-xs-4" data-skip="wd">温度</li>
  58. <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-skip="sd">湿度</li>
  59. <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-skip="aq">氨气</li>
  60. </ul>
  61. #end
  62. </div>
  63. </div>
  64. </body>
  65. </html>