https://www.honeys-onlineshop.com/js/jQueryAutoHeight_pc.js

1/*
2 * jquery-auto-height.js
3 *
4 * Copyright (c) 2010 Tomohiro Okuwaki (https://www.tinybeans.net/blog/)
5 * Licensed under MIT Lisence:
6 * https://www.opensource.org/licenses/mit-license.php
7 * https://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
8 *
9 * Since:   2010-04-19
10 * Update:  2013-08-16
11 * version: 0.04
12 * Comment:
13 *
14 * jQuery 1.2 <-> 1.10.2
15 *
16 */
17 (function($){
18    $.fn.autoHeight = function(options){
19        var op = $.extend({
20
21            column  : 0,
22            clear   : 0,
23            height  : 'minHeight',
24            reset   : '',
25            descend : function descend (a,b){ return b-a; }
26
27        },options || {}); // optionsに値があれば上書きする
28
29        var self = $(this);
30        var n = 0,
31            hMax,
32            hList = new Array(),
33            hListLine = new Array();
34            hListLine[n] = 0;
35
36        // 要素の高さを取得
37        self.each(function(i){
38            if (op.reset == 'reset') {
39                $(this).removeAttr('style');
40            }
41            var h = $(this).height();
42            hList[i] = h;
43            if (op.column > 1) {
44                // op.columnごとの最大値を格納していく
45                if (h > hListLine[n]) {
46                    hListLine[n] = h;
47                }
48                if ( (i > 0) && (((i+1) % op.column) == 0) ) {
49                    n++;
50                    hListLine[n] = 0;
51                };
52            }
53        });
54
55        // 取得した高さの数値を降順に並べ替え
56        hList = hList.sort(op.descend);
57        hMax = hList[0];
58
59        // 高さの最大値を要素に適用
60        var ie6 = typeof window.addEventListener == "undefined" && typeof document.documentElement.style.maxHeight == "undefined";
61        if (op.column > 1) {
62            for (var j=0; j<hListLine.length; j++) {
63                for (var k=0; k<op.column; k++) {
64                    if (ie6) {
65                        self.eq(j*op.column+k).height(hListLine[j]);
66                    } else {
67                        self.eq(j*op.column+k).css(op.height,hListLine[j]);
68                    }
69                    if (k == 0 && op.clear != 0) {
70                        self.eq(j*op.column+k).css('clear','both');
71                    }
72                }
73            }
74        } else {
75            if (ie6) {
76                self.height(hMax);
77            } else {
78                self.css(op.height,hMax);
79            }
80        }
81    };
82})(jQuery);
83
84jQuery(function(jQuery){
85    
86        //サムネイル
87        jQuery("div.StyleT_Item_ div.img_inner_").autoHeight({
88            height : 'height',
89            reset : 'reset',
90            column: '5'
91            });
92        jQuery("div.StyleT_Item_ div.img_").autoHeight({
93            height : 'height',
94            reset : 'reset',
95            column: '5'
96            });
97        jQuery("div.StyleT_Item_ div.name_").autoHeight({
98            height : 'height',
99            reset : 'reset',
100            column: '5'
101        });
102        jQuery("div.StyleT_Item_ .icon_").autoHeight({
103            height : 'height',
104            reset : 'reset',
105            column: '5'
106            });
107        jQuery("div.StyleT_Item_ div.price_pop_").autoHeight({column:5});
108        jQuery("div.StyleT_Item_ div.price_").autoHeight({column:5});
109
110        //ランキング
111        jQuery("div.StyleR_Item_ div.img_").autoHeight({
112            height : 'height',
113            reset : 'reset',
114            column: '5'
115            });
116        jQuery("div.StyleR_Item_ div.name_").autoHeight({
117            height : 'height',
118            reset : 'reset',
119            column: '5'
120        });
121        jQuery("div.StyleR_Item_ .icon_").autoHeight({
122            height : 'height',
123            reset : 'reset',
124            column: '5'
125            });
126        jQuery("div.StyleR_Item_ div.price_pop_").autoHeight({column:5});
127        jQuery("div.StyleR_Item_ div.price_").autoHeight({column:5});
128        
129        //ピックアップ
130        jQuery("div.StyleP_Item_ div.img_").autoHeight({
131            height : 'height',
132            reset : 'reset',
133            column: '5'
134            });
135        jQuery("div.StyleP_Item_ .icon_").autoHeight({
136            height : 'height',
137            reset : 'reset',
138            column: '5'
139            });
140        jQuery("div.StyleP_Item_ div.price_pop_").autoHeight({column:5});
141        jQuery("div.StyleP_Item_ div.price_").autoHeight({column:5});
142        jQuery("div.StyleP_Line_").each(function(){
143            jQuery(this).find("div.name_").autoHeight({
144              height : 'height',
145              reset : 'reset',
146              column:'5'
147            });      
148        });
149
150        //コーディネート
151		jQuery('div.coordinate_frame3_ div.Coordinate_Goods_Line_').each(function(a){
152			jQuery(this).attr('id','Coord_box' + (a+1));
153			idname = "#Coord_box" + (a+1) + " ";
154			jQuery(idname + "div.coordinate_item_ div.detail_").autoHeight({
155				height : 'height',
156				reset : 'reset',
157				column: '2'
158				});
159		});
160		
161        //詳細カラバリ
162        jQuery("div.color div.color_name_").autoHeight({
163            height : 'height',
164            reset : 'reset',
165            column: '5'
166            });
167});
168 jQuery(window).load(function(){
169      //お気に入り一覧
170       jQuery('li.bookmark_item_ div.img_').autoHeight({
171            height : 'height',
172            reset : 'reset',
173            column: '5'
174            });
175       jQuery('li.bookmark_item_ .desc_ div.name1_').autoHeight({
176            height : 'height',
177            reset : 'reset',
178            column: '5'
179            });
180                   jQuery('li.bookmark_item_ .desc_ div.name2_').autoHeight({
181            height : 'height',
182            reset : 'reset',
183            column: '5'
184            });
185       jQuery('li.bookmark_item_ .desc_ div.name2_').autoHeight({
186            height : 'height',
187            reset : 'reset',
188            column: '5'
189            });
190   });