summarize.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. $(function(){
  2. var hurl=window.location.href;
  3. var murl=hurl.split('_');
  4. if(hurl.indexOf("_")!=-1){
  5. var arr = hurl.split('_');
  6. if(arr[1].indexOf("/")!=-1){
  7. var marr=arr[1].split('/');
  8. $('.f_nav_list li[data-id="'+marr[0]+'"]').addClass("f_nav_cur").siblings().removeClass("f_nav_cur");
  9. $('.f_nav_list li[data-id="'+marr[0]+'"]').find("a").addClass("in");
  10. $('.f_nav_list li[data-id="'+marr[0]+'"]').siblings().find("a").removeClass("in");
  11. $('.y_homelist_list[data-id="'+marr[0]+'"]').show().siblings().hide();
  12. }
  13. };
  14. var nav_w=$(".f_nav_list li").first().width();
  15. $(".f_nav_list li").on('click', function(){
  16. var dataid=$(this).attr('data-id');
  17. nav_w=$(this).width();
  18. $(this).addClass("f_nav_cur").siblings().removeClass("f_nav_cur");
  19. $(this).find("a").addClass("in");
  20. $(this).siblings().find("a").removeClass("in");
  21. $('.y_homelist_list[data-id="'+dataid+'"]').show().siblings().hide();
  22. var fn_w = ($(".find_nav").width() - nav_w) / 2;
  23. var fnl_l;
  24. var fnl_x = parseInt($(this).position().left);
  25. if (fnl_x <= fn_w) {
  26. fnl_l = 0;
  27. } else if (fn_w - fnl_x <= flb_w - fl_w) {
  28. fnl_l = flb_w - fl_w;
  29. } else {
  30. fnl_l = fn_w - fnl_x;
  31. }
  32. // $(".f_nav_list").animate({
  33. // "left" : fnl_l
  34. // }, 300);
  35. sessionStorage.left=fnl_l;
  36. // console.log(fnl_l)
  37. var c_nav=$(this).find("a").text();
  38. // navName(c_nav);
  39. });
  40. // var Yleft = $('.find_nav_list ul li a.on').position().left;
  41. // var Yleftlast = $('.find_nav_list ul li').last().position().left;
  42. // var Ylefteq2 = $('.find_nav_list ul li').eq(-2).position().left;
  43. // var Ylefteq3 = $('.find_nav_list ul li').eq(-3).position().left;
  44. // if (Yleft < 150) {
  45. // $(".find_nav_list").css("left","0px");
  46. // }else if(Yleft>Yleftlast){
  47. // $(".find_nav_list").css("left",'-'+(Yleft-$(window).width()+95)+"px");
  48. // }else if(Yleft>Ylefteq2){
  49. // $(".find_nav_list").css("left",'-'+(Yleft-($(window).width()/2)-15)+"px");
  50. // }else if(Yleft>Ylefteq3){
  51. // $(".find_nav_list").css("left",'-'+(Yleft-($(window).width()/2)+90)+"px");
  52. // }else{
  53. // $(".find_nav_list").css("left",'-'+(Yleft-90)+"px");
  54. // };
  55. var fl_w=$(".f_nav_list").width();
  56. var flb_w=$(".find_nav_left").width();
  57. $(".f_nav_list").on('touchstart', function (e) {
  58. var touch1 = e.originalEvent.targetTouches[0];
  59. x1 = touch1.pageX;
  60. y1 = touch1.pageY;
  61. ty_left = parseInt($(this).css("left"));
  62. });
  63. $(".f_nav_list").on('touchmove', function (e) {
  64. var touch2 = e.originalEvent.targetTouches[0];
  65. var x2 = touch2.pageX;
  66. var y2 = touch2.pageY;
  67. if(ty_left + x2 - x1>=0){
  68. $(this).css("left", 0);
  69. }else if(ty_left + x2 - x1<=flb_w-fl_w){
  70. $(this).css("left", flb_w-fl_w);
  71. }else{
  72. $(this).css("left", ty_left + x2 - x1+20);
  73. // console.log(ty_left + x2 - x1+20)
  74. }
  75. if(Math.abs(y2-y1)>0){
  76. e.preventDefault();
  77. }
  78. });
  79. })