hpSyIndex.js 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. $(function(){
  2. var mScroll;
  3. //滚动区域事件
  4. mScroll = new IScroll(".sectionTop",{
  5. scrollbars: true,
  6. fadeScrollbars:true
  7. });
  8. //滚动区域的刷新事件
  9. setTimeout(function () {
  10. mScroll.refresh();
  11. }, 100);
  12. //点击菜单进入相应页面
  13. $("#hiddenBoxPig div").on("tap",function() {
  14. var data = $(this).data("for");
  15. if (data != "" && data != undefined) {
  16. haifm.loadMobilePage("haifm", "hpSjlr" + data + "Index.htm?mcid=" + $("#mcid").val() + "&searchFlag=" + "0");
  17. }
  18. $("footer.row").css("display","none");
  19. var bbfx = $(this).data("bbfx");
  20. if (bbfx != "" && bbfx != undefined) {
  21. window.open("haifmp" + bbfx + "Index.htm?mcid=" + $("#mcid").val(), "_blank");
  22. }
  23. });
  24. //touchmove的阻止浏览器或者屏幕滚动默认事件
  25. document.addEventListener('touchmove', function(event) {
  26. event.preventDefault();
  27. }, false);
  28. //监听屏幕
  29. var mql = window.matchMedia('(orientation: portrait)');
  30. // 输出当前屏幕模式
  31. handleOrientationChange(mql,mScroll);
  32. // 监听屏幕模式变化
  33. mql.addListener(handleOrientationChange);
  34. });
  35. function handleOrientationChange(mql,mScroll) {
  36. //如果是竖屏
  37. if(mql.matches) {
  38. var dynamicLoading = {
  39. css: function(path){
  40. if(!path || path.length === 0){
  41. throw new Error('argument "path" is required !');
  42. }
  43. var head = document.getElementsByTagName('head')[0];
  44. var link = document.createElement('link');
  45. link.id = 'portrait';
  46. link.href = path;
  47. link.rel = 'stylesheet';
  48. link.type = 'text/css';
  49. head.appendChild(link);
  50. }
  51. };
  52. //调用css
  53. dynamicLoading.css("views/haifmp/css/portrait.main.css?type=24");
  54. }
  55. };