programed.js 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. $(function(){
  2. var aindex=0;
  3. var he = $(window).height();
  4. // alert(he)
  5. if(he > 700){
  6. $('.start-box .i3').css('bottom','25%')
  7. $('.start-box .i4').css('bottom','13%');
  8. }
  9. // 开始测试页面
  10. $('.newBtn').on('click',function(){
  11. $('.start-box').animate({left:'-100%'},function(){
  12. $(this).hide();
  13. $('.issue-box').show();
  14. // 问题选项卡
  15. var swiper = new Swiper('.swiper-container', {
  16. // 页码
  17. autoHeight: true,
  18. pagination : '.swiper-pagination',
  19. paginationType : 'custom',
  20. paginationCustomRender: function (swiper, current, total) {
  21. return '<span>' + current + '</span> <i>/ ' + total + '</i>';
  22. },
  23. onSlideChangeStart: function(swiper){
  24. // console.log(swiper.activeIndex);
  25. $('.issue-up').removeClass('hi');
  26. $('.issue-next').removeClass('in');
  27. $('.issue-next').removeClass('cen');
  28. $('.issue-next').addClass('lock');
  29. // aindex = swiper.activeIndex;
  30. // 当是第一道题时,显示原始样式
  31. if(swiper.activeIndex == 0){
  32. $('.issue-next').addClass('cen');
  33. $('.issue-up').addClass('hi');
  34. }
  35. var whether = $('.issue-list ul li').eq(swiper.activeIndex).find('dl').hasClass('in');
  36. // console.log(whether)
  37. // 当有选中时,可以
  38. if(whether){
  39. $('.issue-next').removeClass('lock');
  40. $('.issue-next').addClass('in');
  41. }
  42. if(swiper.activeIndex == 9){
  43. $('.issue-next').html("提交");
  44. }else{
  45. $('.issue-next').html("下一题");
  46. }
  47. },
  48. onTransitionEnd: function(swiper){
  49. var whether = $('.issue-list ul li').eq(swiper.activeIndex).find('dl').hasClass('in');
  50. if(swiper.activeIndex == 9){
  51. $('dl.result dd').on('click',function(){
  52. $('.issue-next').addClass('addClick');
  53. })
  54. if(whether){
  55. $('.issue-next').addClass('addClick');
  56. }
  57. }
  58. },
  59. // // 上、下按钮
  60. // prevButton:'.issue-up',
  61. // nextButton:'.issue-next',
  62. });
  63. $('.issue-up').on('click',function(){
  64. $('.issue-next').removeClass('addClick');
  65. swiper.slidePrev();
  66. })
  67. $('.issue-next').on('click',function(){
  68. swiper.slideNext();
  69. })
  70. // swiper.init(); //方法重新初始化
  71. // $('.issue-box').animate({right:'0px'});
  72. })
  73. })
  74. // 每道题选中事件
  75. $('dl.result dd').on('click',function(){
  76. var that = $(this);
  77. that.addClass('on').siblings().removeClass('on');
  78. $('.issue-next').addClass('in');
  79. $('.issue-next').removeClass('lock');
  80. that.parent().addClass('in');
  81. // 用存放答案
  82. var cost = that.attr('data-id');
  83. if(cost != undefined && cost != null && cost != ''){
  84. that.parent().attr('data-txt',cost);
  85. }
  86. })
  87. // 提交按钮
  88. $('.issue-list').on('click','.addClick',function(){
  89. $('.card').animate({left:'50%'},function(){
  90. $('.card').show();
  91. });
  92. $('.cur').show();
  93. })
  94. // 关闭按钮
  95. $('.wcls').on('click',function(){
  96. $('.card').animate({left:'-100%'},function(){
  97. $('.cur').hide();
  98. });
  99. })
  100. // 再测一次
  101. $('.method,.cust-btn').on('click',function(){
  102. location.reload(); //测新页面
  103. })
  104. // 电话号码获取焦点
  105. $('.card .m-img input').on('focus',function(){
  106. $('.card .m-img').css('border-color','#DDDDDD');
  107. })
  108. /*
  109. * 调用的方法
  110. * */
  111. PublicAction.AjaxSend(
  112. {
  113. CORID:'method-btn', /*操作ID*/
  114. }
  115. );
  116. })