diff options
| author | liabru <liabru@brm.io> | 2015-03-29 18:04:20 +0100 |
|---|---|---|
| committer | liabru <liabru@brm.io> | 2015-03-29 18:04:20 +0100 |
| commit | a01fb70ce08ea28bfaf61a61c75dfb48ecd57b2d (patch) | |
| tree | d4f4f0aa4edb456410960913cb4b8bd4c3c83bbe /test.html | |
| parent | 9239f4eb4ec25219d80c4531ef92aff6c3c6902e (diff) | |
| download | jquery-match-height-a01fb70ce08ea28bfaf61a61c75dfb48ecd57b2d.zip jquery-match-height-a01fb70ce08ea28bfaf61a61c75dfb48ecd57b2d.tar.gz jquery-match-height-a01fb70ce08ea28bfaf61a61c75dfb48ecd57b2d.tar.bz2 | |
implemented target option
Diffstat (limited to 'test.html')
| -rw-r--r-- | test.html | 37 |
1 files changed, 34 insertions, 3 deletions
@@ -28,14 +28,20 @@ $('.items-container').each(function() { $(this).children('.item').matchHeight({ byRow: byRow - //property: 'min-height' + }); + }); + + // test target + $('.target-items').each(function() { + $(this).children('.item-0, .item-2, .item-3').matchHeight({ + target: $(this).find('.item-1') }); }); // example of removing matchHeight $('.btn-remove').click(function() { - $('.items-container').each(function() { - $(this).children('.item').matchHeight('remove'); + $('.item').matchHeight({ + remove: true }); }); @@ -216,6 +222,31 @@ </div> </div> + <div class="target-items"> + <div class="item item-0"> + <p>Phasellus ut nibh fermentum, vulputate urna vel, semper diam.</p> + <p>Aenean semper felis ipsum, vulputate consequat dui elementum vel.</p> + <p>Phasellus ut nibh fermentum, vulputate urna vel, semper diam. Nunc sollicitudin felis ut pellentesque fermentum. In erat mi, pulvinar sit amet tincidunt vitae, gravida id felis. Phasellus hendrerit erat sed porta imperdiet. Vivamus viverra ipsum tortor, et congue mauris porttitor ut.</p> + <p>Phasellus ut nibh fermentum, vulputate urna vel, semper diam. Nunc sollicitudin felis ut pellentesque fermentum. In erat mi, pulvinar sit amet tincidunt vitae, gravida id felis.</p> + <p>Phasellus ut nibh fermentum, vulputate urna vel, semper diam. Nunc sollicitudin felis ut pellentesque fermentum. In erat mi, pulvinar sit amet tincidunt vitae, gravida id felis. Phasellus hendrerit erat sed porta imperdiet. Vivamus viverra ipsum tortor, et congue mauris porttitor ut.</p> + <p>Phasellus ut nibh fermentum, vulputate urna vel, semper diam. Nunc sollicitudin felis ut pellentesque fermentum. In erat mi, pulvinar sit amet tincidunt vitae, gravida id felis.</p> + </div> + <div class="item item-1"> + <h3>Target</h3> + <p>Phasellus ut nibh fermentum, vulputate urna vel, semper diam. Nunc sollicitudin felis ut pellentesque fermentum. In erat mi, pulvinar sit amet tincidunt vitae, gravida id felis.</p> + </div> + <div class="item item-2"> + <p>Phasellus ut nibh fermentum, vulputate urna vel, semper diam. Nunc sollicitudin felis ut pellentesque fermentum. In erat mi, pulvinar sit amet tincidunt vitae, gravida id felis. Phasellus hendrerit erat sed porta imperdiet. Vivamus viverra ipsum tortor, et congue mauris porttitor ut.</p> + <p>Phasellus ut nibh fermentum, vulputate urna vel, semper diam. Nunc sollicitudin felis ut pellentesque fermentum. In erat mi, pulvinar sit amet tincidunt vitae, gravida id felis. Phasellus hendrerit erat sed porta imperdiet. Vivamus viverra ipsum tortor, et congue mauris porttitor ut.</p> + <p>Phasellus ut nibh fermentum, vulputate urna vel, semper diam. Nunc sollicitudin felis ut pellentesque fermentum. In erat mi, pulvinar sit amet tincidunt vitae, gravida id felis.</p> + </div> + <div class="item item-3"> + <p>Phasellus ut nibh fermentum, vulputate urna vel, semper diam.</p> + <p>Aenean semper felis ipsum, vulputate consequat dui elementum vel.</p> + <p>Phasellus ut nibh fermentum, vulputate urna vel, semper diam. Nunc sollicitudin felis ut pellentesque fermentum. In erat mi, pulvinar sit amet tincidunt vitae, gravida id felis.</p> + </div> + </div> + <div class="items-container fixed-items"> <div class="item item-0"> <p>Fixed height</p> |