var dlCount = 13; window.onload = function() { $(window).resize(function() { if ($(window).width() < 1300) { dlCount = 11 } else { dlCount = 13 } // if($(window).width()<1200){ // dlCount=9; // } if ($(window).width() < 1100) { dlCount = 9 } if ($(window).width() > 900) { aaa() } else { } // pc var hiddenlenth = $(".hidden").length; for (var i = 0; i < hiddenlenth; i++) { $(".visible:eq(" + i + ")").addClass("visible_" + i); } $(".organ li dl i").each(function() { if ($(this).width() < 22) { $(this).addClass("lipadding") } }) $(".organ>div:odd").addClass("current") function height01(divHight, divName) { $(".visible").each(function() { var num = Math.round($('.visible_0,.visible_1,.visible_2,.visible_3,.visible_4,.visible_5,.visible_6,.visible_7,.visible_8,.visible_9').width() / $('.visible_0 dl:eq(0),.visible_1 dl:eq(0),.visible_2 dl:eq(0),.visible_3 dl:eq(0),.visible_4 dl:eq(0),.visible_5 dl:eq(0),.visible_6 dl:eq(0),.visible_7 dl:eq(0),.visible_8 dl:eq(0),.visible_9 dl:eq(0)').width()); var h = divHight; var liCount = divName; var storkCount = 0; h.each(function(i) { var prevLi = i - 1; if (prevLi < 0) { prevLi = 0; }; if (i % num == 0) { storkCount++; }; $(this).addClass(liCount + storkCount); }); Array.prototype.max = function() { return Math.max.apply({}, this); }; var storkArr = []; var maxNum = 0; for (var i = 1; i < (storkCount + 1); i++) { $("." + liCount + i).each(function() { storkArr.push($(this).find("span").height()); }); maxNum = storkArr.max(); $("." + liCount + i + " span").height(maxNum); storkArr = []; }; $(this).find("li").eq(0).addClass("orgin_li") $(this).find("li").eq(0).find("dl").append('
'); }) } height01($(".visible_0 dl"), "visible_0"); height01($(".visible_1 dl"), "visible_1"); height01($(".visible_2 dl"), "visible_2"); height01($(".visible_3 dl"), "visible_3"); height01($(".visible_4 dl"), "visible_4"); height01($(".visible_5 dl"), "visible_5"); height01($(".visible_6 dl"), "visible_6"); height01($(".visible_7 dl"), "visible_7"); height01($(".visible_8 dl"), "visible_8"); height01($(".visible_9 dl"), "visible_9"); $(".hidden").each(function() { var hiddenlenth = $(".hidden").length; for (var i = 0; i < hiddenlenth; i++) { $(".hidden:eq(" + i + ")").addClass("on_" + i); } }) function height22(divHight, divName) { $(".hidden").each(function() { var num = Math.round($('.on_0,.on_1,.on_2,.on_3,.on_4,.on_5,.on_6,.on_7,.on_8,.on_9').width() / $('.on_0 dl:eq(0),.on_1 dl:eq(0),.on_2 dl:eq(0),.on_3 dl:eq(0),.on_4 dl:eq(0),.on_5 dl:eq(0),.on_6 dl:eq(0),.on_7 dl:eq(0),.on_8 dl:eq(0),.on_9 dl:eq(0)').width()); var h = divHight; var liCount = divName; var storkCount = 0; h.each(function(i) { var prevLi = i - 1; if (prevLi < 0) { prevLi = 0; }; if (i % num == 0) { storkCount++; }; $(this).addClass(liCount + storkCount); }); Array.prototype.max = function() { return Math.max.apply({}, this); }; var storkArr = []; var maxNum = 0; for (var i = 1; i < (storkCount + 1); i++) { $("." + liCount + i).each(function() { storkArr.push($(this).find("span").height()); }); maxNum = storkArr.max(); $("." + liCount + i + " span").height(maxNum); storkArr = []; }; }) } // shouji height22($(".on_0 dl"), "on_0"); height22($(".on_1 dl"), "on_1"); height22($(".on_2 dl"), "on_2"); height22($(".on_3 dl"), "on_3"); height22($(".on_4 dl"), "on_4"); height22($(".on_5 dl"), "on_5"); height22($(".on_6 dl"), "on_6"); height22($(".on_7 dl"), "on_7"); height22($(".on_8 dl"), "on_8"); height22($(".on_9 dl"), "on_9"); }) $(window).resize(); } function aaa() { $(".organ_position ul").html(""); $(".visible").each(function() { var q = dlCount; var dlindex = 0; var dllenth = $(this).parent(".organ_position").siblings(".hidden").find("dl").length; for (i = 0; i < dlCount; i++) { if (dllenth > 0) { $(this).find("ul").append('
  • ') for (x = 0; x < q; x++) { dllenth--; $(this).parent(".organ_position").siblings(".hidden").find("dl").eq(dlindex).clone().appendTo($(this).find('li:nth-child(' + (i + 1) + ')')) dlindex++; } q--; } } }) }