live.js 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. $(document).keydown(function (event) {
  2. if (event.keyCode == 13) {
  3. var txt = $('.y_lplist_inp').val();
  4. if (txt != '') {
  5. window.location.href = '/video/home?name=' + txt;
  6. }
  7. ;
  8. }
  9. });
  10. //获取url中的参数
  11. function getUrlParam(name) {
  12. //构造一个含有目标参数的正则表达式对象
  13. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  14. //匹配目标参数
  15. var r = window.location.search.substr(1).match(reg);
  16. //alert(r);
  17. //返回参数值
  18. if (r != null) return decodeURI(r[2]);
  19. return null;
  20. }
  21. var _name = getUrlParam('name');
  22. if (_name) {
  23. $('.m_videohead_box').hide();
  24. } else {
  25. $('.m_videohead_box').show();
  26. }
  27. // 直播看房报名
  28. $(function () {
  29. $('body').on('click', '.advance', function () {
  30. $('.liveBm').show(30)
  31. $('.liveBm_bg').show(0)
  32. })
  33. $('.liveBm_bg,.liveBm_gb a').on('click', function () {
  34. $('.liveBm').hide()
  35. $('.liveBm_bg').hide(0)
  36. $('.liveBm_box input[type="text"]').val('')
  37. })
  38. //报名验证提交的调用 底下报名
  39. PublicAction.AjaxSend({CORID: 'ybm_buttom'/*操作ID*/});
  40. $('.submit_area .ybm_buttom').on('click', function () {
  41. setTimeout(function () {
  42. var _html = $('.alert-container .alert-content').html();
  43. if (_html == '提交成功') {
  44. $('.liveBm').hide();
  45. $('.liveBm_bg').hide();
  46. $('.liveBm_box input[type="text"]').val('');
  47. }
  48. }, 1500)
  49. })
  50. var daId = $('.liveNav_box a').eq(0).attr('data-id')
  51. var daName = $('.liveNav_box a').eq(0).attr('data-name')
  52. $('.liveNav_box a').eq(0).addClass('on');
  53. liveajax(daId);
  54. $('.liveNav_box').on('click', 'a', function () {
  55. $(this).addClass('on').siblings().removeClass('on');
  56. daId = $(this).attr('data-id');
  57. daName = $(this).attr('data-name');
  58. // console.log(daId);
  59. liveajax(daId);
  60. })
  61. function liveajax(id, name) {
  62. var html = '';
  63. $.ajax({
  64. url: "/video/livelist", // 索取
  65. data: {name: id}, //传ID
  66. type: "GET",
  67. dataType: "json",
  68. success: function (data) {//请求成功完成后要执行的方法
  69. if (data.code == 200) {
  70. $('.m_video_box ul').html('');
  71. $.each(data.data, function (i, data) {
  72. switch (data.type) {
  73. case 'all':
  74. // if(id){
  75. // html+= '<li>';
  76. // html+= '<a href="/video/videodetails/">';
  77. // html+= '<div class="img">';
  78. // html+= '<img class="imgbj" src="/video/image/video1.png" alt="">';
  79. // html+= '<i><em>直播中</em><span>20:33</span></i>';
  80. // html+= '<div class="imgtext">';
  81. // html+= '<p>';
  82. // html+= '<span><img src="/video/image/video13.png" alt="">海南 文昌</span>';
  83. // html+= '<span><img src="/video/image/video14.png" alt=""><em>5525</em></span>';
  84. // html+= '</p>';
  85. // html+= '</div>';
  86. // html+= '</div>';
  87. // html+= '</a>';
  88. // html+= '<p class="text">金边白天与黑夜,带你领略一个不一样的柬埔寨</p>';
  89. // html+= '</li>';
  90. // }else
  91. if (data.livestate === '回放') {
  92. html += '<li>';
  93. html += '<a href="/video/videodetails/' + data.hid + '?type=live&liveid=' + data.id + '&city=' + data.city + '">';
  94. html += '<div class="img playback">';
  95. html += '<img class="imgbj" src="' + data.img + '" alt="">';
  96. html += '<img class="imgtb" src="/video/image/video2.png" alt="">';
  97. html += '<i><em>回放</em><span></span></i>';
  98. html += '<div class="imgtext">';
  99. html += '<p>';
  100. html += '<span><img src="/video/image/video13.png" alt="">' + data.parentCity + ' ' + data.city_name + '</span>';
  101. // html+= '<span><img src="/video/image/video14.png" alt=""><em>5525</em></span>';
  102. html += '</p>';
  103. html += '</div>';
  104. html += '</div> ';
  105. html += '</a>';
  106. html += '<p class="text"><p class="text">' + data.title + '</p></p>';
  107. html += '</li>';
  108. } else if (data.livestate === '预告') {
  109. html += '<li>';
  110. html += '<a href="javascript:;">';
  111. html += '<div class="img advance">';
  112. html += '<img class="imgbj" src="' + data.img + '" alt="">';
  113. html += '<i><em></em><span>预告 ' + data.time + '开播</span></i>';
  114. html += '<p class="text_m">预约</p>';
  115. html += '<div class="imgtext">';
  116. html += '<p>';
  117. html += '<span><img src="/video/image/video13.png" alt="">' + data.parentCity + ' ' + data.city_name + '</span>';
  118. // html+= '<span><img src="/video/image/video14.png" alt=""><em>5525</em></span>';
  119. html += '</p>';
  120. html += '</div>';
  121. html += '</div> ';
  122. html += '</a>';
  123. html += '<p class="text">' + data.title + '</p>';
  124. html += '</li>';
  125. }
  126. break;
  127. case 'advance':
  128. html += '<li>';
  129. html += '<a href="javascript:;">';
  130. html += '<div class="img advance">';
  131. html += '<img class="imgbj" src="' + data.img + '" alt="">';
  132. html += '<i><em></em><span>预告 ' + data.time + '开播</span></i>';
  133. html += '<p class="text_m">预约</p>';
  134. html += '<div class="imgtext">';
  135. html += '<p>';
  136. html += '<span><img src="/video/image/video13.png" alt="">' + data.parentCity + ' ' + data.city_name + '</span>';
  137. // html+= '<span><img src="/video/image/video14.png" alt=""><em>5525</em></span>';
  138. html += '</p>';
  139. html += '</div>';
  140. html += '</div> ';
  141. html += '</a>';
  142. html += '<p class="text">' + data.title + '</p>';
  143. html += '</li>';
  144. break;
  145. }
  146. });
  147. }
  148. $('.m_video_box ul').html(html);
  149. }
  150. });
  151. }
  152. })