Foundation 6 : jQuery で追加した data-equalizer-watch 要素の高さ揃え

お母ちゃん　 2016.11.2　

Web / Foundation 6 / Foundation.Equalizer / jQuery

facebook

Home > Web > Foundation 6 : jQuery で追加した data-equalizer-watch 要素の高さ揃え

そのままでは高さが揃わないので、

追加した要素に

new Foundation.Equalizer(element).applyHeight();

を追加する

$(function(){
          var element = $('#test-eq');
          $(element).append(
              '<div class="medium-4 columns">' +
                '<div class="callout" data-equalizer-watch>' +
                  '<img src= "assets/img/generic/square-1.jpg">' +
                '</div>' +
              '</div>'
          );
          new Foundation.Equalizer($(element)).applyHeight();
});

1

2

3

4

5

6

7

8

9

10

11

$(function(){

var element = $('#test-eq');

$(element).append(

'<div class="medium-4 columns">' +

'<div class="callout" data-equalizer-watch>' +

'<img src= "assets/img/generic/square-1.jpg">' +

'</div>' +

'</div>'

);

new Foundation.Equalizer($(element)).applyHeight();

});

しばらく苦戦した…。

Foundation

コメントはこちらからコメントをキャンセル

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

GO TO TOP
キュー