Add this code to make divs equal height
<script>
var maxHeight = 0;
jQuery( document ).ready(function() {
jQuery(".equalize").each(function(){
if (jQuery(this).height() > maxHeight) { maxHeight = jQuery(this).height(); }
});
jQuery(".equalize").height(maxHeight);
});
</script>I love CSS-TRICKS.COM. Always interesting, usually helpful…but today its MEGA HELPFUL! This post in particular:
http://css-tricks.com/12389-one-page-apps-i-actually-use/
Why? Because I’m always looking up the code for rounded corners or trying to find the exact link to jQuery…here are some great links from that article!
That’s it. Have fun. 🙂
I cannot seem to find one particular place where this info is available (maybe i’m loosing meh mad googlin’ skills?) but here it is:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js" type="text/javascript"></script> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
So the first line is your jquery, the 2nd is your jquery ui, the 3rd is the CSS. ’nuff said.
I am posting this just in hopes of others finding it.
http://elementdesignllc.com/2009/08/wordpress-jquery-is-not-a-function/comment-page-2/#comment-2439
If you have JS code for showing the jQuery UI dialog box (modal window) but the code is throwing an error in Firebug, replace the $ with jQuery or jQuery() as needed.