JAVASCRIPT   37

List js

Guest on 28th June 2022 04:42:12 AM

  1. // numbering
  2.  
  3. $(function(){
  4.         var number = "";
  5.         $(".list_detail>ul>li").each(function(){
  6.                 number = $(this).index(".list_detail>ul>li") + 1;
  7.                 $(this).attr("data-number",number);
  8.         });
  9.         $(".list_detail>ul>li:first-child").unwrap();
  10.         if(ua.isSmartPhone){
  11.                 $(".list_detail").attr("data-column","2");
  12.                 do {
  13.                         $(".list_detail").children("li:lt(2)").wrapAll('<ul class="line"></ul>');
  14.                 }while($(".list_detail>li").length);
  15.         }
  16. });
  17.  
  18. // column
  19. $(function(){
  20.         if(!ua.isSmartPhone){
  21.                 var winW = $(window).width();
  22.                 var ele = $(".list_detail");
  23.                 var box = $(".box");
  24.                 column(ele);
  25.                 $(window).on("load resize",function(){
  26.                         column(ele);
  27.                 });
  28.                 $(window).on("resize",function(){
  29.                                 boxmove(box);
  30.                 });
  31.         }
  32. });
  33. function column(ele){
  34.         ele.children("ul").children("li:first-child").unwrap();
  35.         winW = $(window).width();
  36.         if(winW<1050){
  37.                 ele.attr("data-column","4");
  38.                 do {
  39.                         ele.children("li:lt(4)").wrapAll('<ul class="line"></ul>');
  40.                 }while($(".list_detail>li").length);
  41.         }else if(winW>=1050&&winW<1260){
  42.                 ele.attr("data-column","5");
  43.                 do {
  44.                         ele.children("li:lt(5)").wrapAll('<ul class="line"></ul>');
  45.                 }while($(".list_detail>li").length);
  46.         }else if(winW>=1260&&winW<1470){
  47.                 ele.attr("data-column","6");
  48.                 do {
  49.                         ele.children("li:lt(6)").wrapAll('<ul class="line"></ul>');
  50.                 }while($(".list_detail>li").length);
  51.         }else {
  52.                 ele.attr("data-column","7");
  53.                 do {
  54.                         ele.children("li:lt(7)").wrapAll('<ul class="line"></ul>');
  55.                 }while($(".list_detail>li").length);
  56.         }
  57. }
  58. function boxmove(box){
  59.         var boxnumber = box.attr("data-number");
  60.         var column = $(".list_detail").attr("data-column");
  61.         var position = Math.ceil(boxnumber/column);
  62.         if(boxnumber>0){
  63.                 var boxposition = $(".list_detail>ul").eq(position-1);
  64.                 box.insertAfter(boxposition);
  65.                 var min;
  66.                 if(ua.isSmartPhone){
  67.                         min = 65;
  68.                 }else{
  69.                         min = 90;
  70.                 }
  71.                 $("html,body").animate({"scrollTop":box.prev().offset().top - min},1);
  72.         }
  73. }
  74.  
  75. $(function(){
  76.         var box = $(".box");
  77.         var item = $(".list_detail>ul>li");
  78.         var lilength = item.length;
  79.         $(".open").on("click",function(){
  80.                 $('.loadcover').show();
  81.                 $(".list_detail").addClass("opend");
  82.                 var number = $(this).closest("li").attr("data-number");
  83.                 var ele = $(this).parents("ul");
  84.                 if(number==box.attr("data-number")){
  85.                         close();
  86.                 }else {
  87.                         $(".list_detail .active").removeClass("active");
  88.                         $(this).parents("li").addClass("active");
  89.                         box.appendTo("body").insertAfter(ele).attr("data-number",number);
  90.  
  91.                         //繝��繧ソ縺ョ繧ソ繧、繝励r蜿門セ励@縺ヲ騾壻ソ。蜈医�url繧貞愛蛻・
  92. r蜿門セ励@縺ヲ騾壻ソ。蜈医�url繧貞愛蛻・
  93.                         var type = box.data('type');
  94.                         var data_id = $(t//trace(type);
  95. i').data('id');
  96.                         var sort = box.data('sort');
  97.                         //trace(type);
  98.  
  99.                         var url = false, param = {};
  100.  
  101.                         switch(type){
  102.                                 case 'movie':
  103.                                         url = '/tora-san/movie/getMovieDetail/';
  104.                                         param = {
  105.                                                 'id': data_id
  106.                                         };
  107.  
  108.                                         break;
  109.                                 case 'madonna':
  110.                                                 url = '/tora-san/madonna/getMadonnaDetail/';
  111.                                                 param = {
  112.                                                         'id': data_id,
  113.                                                         '/tora-san/guest/getGuestDetail/'k;
  114.                                 case 'guest':
  115.                                                 url = '/tora-san/guest/getGuestDetail/';
  116.                                                 param = {
  117.                                                         'id': data_id
  118.                                                 };
  119.  
  120.                                                 break;
  121.                                 default:
  122.                                         break;
  123.                         }
  124.  
  125.                         if(!url){
  126.                                 close();
  127.                                 return false;
  128.                         }
  129.  
  130.                         box.stop().slideDown(500);
  131.                         var min;
  132.                         if(ua.isSmartPhone){
  133.                                 min = 65;
  134.                         }else{
  135.                                 min = 90;
  136.                         }
  137.                         $("//if(number==1){
  138. te(//   $(".pager .prev").addClass("hide");
  139. 0);//}else if(number==lilength){
  140. .pa//   $(".pager .next").addClass("hide");
  141. e i//}else {
  142. lil//   $(".pager li").removeClass("hide");
  143. s("//}
  144. ");
  145.                         //}else {
  146.                         //      $(".pager //繝��繧ソ蜿門セ�
  147. lass("hide");
  148.                         //}
  149.                         $("#moreinfo").html('');
  150.  
  151.  
  152.                         //繝��繧ソ蜿門セ�
  153.                         Data.get(url, param).done(function(data) {
  154.                                 trace(data);
  155.                                 var template = $("#tpl_" + type).html();
  156.                                 var tpl = _.template(template);
  157.                                 var compiled = tpl({obj: data});
  158.                                 $("#moreinfo").append(compiled);
  159.  
  160.                                 trace(data.neighbors[sort]);
  161.                                 var neighbors = data.neighbors[sort];
  162.                                 //$(".pager .prev").removeClass("hide").attr('data-id', neighbors.prev);
  163. se{
  164.                                         //$(".pager .prev").removeClass("hide").attr('data-id', neighbors.prev);
  165.                                         $(".pager .prev").removeClass("hide").find('input').val(neighbors.prev);
  166.                                 }
  167.  
  168.                                 //$(".pager .next").removeClass("hide").attr('data-id', neighbors.next);
  169. se{
  170.                                         //$(".pager .next").removeClass("hide").attr('data-id', neighbors.next);
  171.                                         $(".pager .next").removeClass("hide").find('input').val(neighbors.next);
  172.                                 }
  173.                                 slider();
  174.                                 Ts.reload();
  175.                                 $('.loadcover').fadeOut(300);
  176.                         }).fail(//close function
  177.                         trace(data);
  178.                         });
  179.  
  180.  
  181.                 }
  182.         });
  183.         $(".close").on("click",close);
  184.         //close function
  185.         function close(){
  186.                 box.stop().slideUp(500,function(){
  187.                         item.removeClass("active");
  188.                         $(".pager .hide").removeClass("hide");
  189.                         $(".list_detail").remo// next prev
  190. d");
  191.                         $("#moreinfo").html('');
  192.                 }).attr("data-number","");
  193.         }
  194. });
  195.  
  196.  
  197. // next prev
  198. $(function(){
  199.         var item = $(".list_detail>ul>li");
  200.         var lilength = item.length;
  201.         var next = $(".pager .next");
  202.         var prev = $(");
  203.         nextprev.on("var nextprev = $(".pa//var data_id = $(this).data('id');
  204. = $(".box");
  205.         nextprev.on("click",function(){
  206.         //trace(data_id);
  207. (this).data(' + data_id).trigger(' $(this).find('input').val();
  208.                 //trace(data_id);
  209.  
  210.                 $('#more-' + data_id).trigger('click');
  211.  
  212.                 boxmove(box);
  213.         });
  214. });
  215.  
  216.  
  217.  
  218. var Data = {
  219.         get: function(url, param){
  220.                 var defer = $.Deferred();
  221.         $.ajax({
  222.                 type: "POST",
  223.             url: url,
  224.             data: param,
  225.             dataType: 'json',
  226.             success: defer.resolve,
  227.             error: defer.reject
  228.         });
  229.         return defer.promise();
  230.         }
  231. };
  232.  
  233. function nl2br(str) {
  234.         if(typeof str == 'undefined' || str == ''){
  235.                 return;
  236.         }
  237.     return str.replace(se;
  238.         }
  239.         i, "<br>");
  240. }
  241.  
  242. function slider(){
  243.         if($('.slider').length < 1){
  244.                 return false;
  245.         }
  246.         if(ua.isSmartPhone){
  247.                 $('.slider').bxSlider({
  248.                   moveSlides: 1,
  249.                   slideMargin: 20,
  250.                 });
  251.         }else{
  252.                 $('.slider').bxSlider({
  253.                   slideWidth: 190,
  254.                

Raw Paste


Login or Register to edit or fork this paste. It's free.