Menu icon Foundation

My Posts


  • 78
    Replies
  • Help with Equalizer

    By Renny

    Equalizer

    I have a 3 column row. On each column I have a thumbnail div, a title div and a details div. I am able to use Equalizer to make all the column have the same height but what I would like to do is to have all the title divs to be of equal height across the... (continued)

    Last Reply by Jacky888 10 months ago



My Comments

Renny commented on Renny's post over 3 years

For those interested in the answer to this. Here is the solution:

 $(document).foundation({
  equalizer: {
    after_height_change: function(){
      $('div[data-equalizer-watch]').height(function (index, height) {
          return (height + 35);
      });
    }
  }
});

Renny commented on Renny's post over 4 years

Sorry, can't send link but I init modernizr on top inside . Please see code below.

Thanks!

<script type='text/javascript' src='bower_components/foundation/js/vendor/modernizr.js?ver=1.0.0'></script>
<script type='text/javascript' src='bower_components/foundation/js/vendor/jquery.js?ver=1.0.0'></script>
<script type='text/javascript' src='bower_components/foundation/js/foundation/foundation.js?ver=1.0.0'></script>
<script type='text/javascript' src='bower_components/foundation/js/vendor/fastclick.js?ver=1.0.0'></script>
<script type='text/javascript' src='bower_components/foundation/js/foundation/foundation.topbar.js?ver=1.0.0'></script>
<script type='text/javascript' src='bower_components/foundation/js/foundation/foundation.tab.js?ver=1.0.0'></script>

Posts Followed

No Content

Following

    No Content

Followers

My Posts



My Comments

You commented on Renny's post over 3 years

For those interested in the answer to this. Here is the solution:

 $(document).foundation({
  equalizer: {
    after_height_change: function(){
      $('div[data-equalizer-watch]').height(function (index, height) {
          return (height + 35);
      });
    }
  }
});

You commented on Renny's post over 4 years

Sorry, can't send link but I init modernizr on top inside . Please see code below.

Thanks!

<script type='text/javascript' src='bower_components/foundation/js/vendor/modernizr.js?ver=1.0.0'></script>
<script type='text/javascript' src='bower_components/foundation/js/vendor/jquery.js?ver=1.0.0'></script>
<script type='text/javascript' src='bower_components/foundation/js/foundation/foundation.js?ver=1.0.0'></script>
<script type='text/javascript' src='bower_components/foundation/js/vendor/fastclick.js?ver=1.0.0'></script>
<script type='text/javascript' src='bower_components/foundation/js/foundation/foundation.topbar.js?ver=1.0.0'></script>
<script type='text/javascript' src='bower_components/foundation/js/foundation/foundation.tab.js?ver=1.0.0'></script>

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content