-
Notifications
You must be signed in to change notification settings - Fork 13
Options
Mottie edited this page Jan 3, 2013
·
1 revision
- Tell the plugin which elements to target inside the wrapper.
- If the target elements have a class name, you can just as easily target that name
".blog-post"
using this option. - By default this option is set to
"> div"
telling it to only target immediate children of the wrapper that are divs. See the jQuery child selector for more information.
- Set the type of height value to use.
- This setting isn't nearly as important since jQuery 1.8+ changed how it gets the height based on the css box-sizing setting (ref).
- Set this option to
"o"
or"outer"
to get the outer height (height + padding + border + margin). - Set this option to
"i"
or"inner"
to get the inner height (height + padding + border). - Default is
"height"
("h"
works too) to get the height only.
- This option is set with a boolean value.
- If
true
, the height will be adjusted as the window resizes. - If
false
the height will not be adjusted automatically, but can be updated using the update method. - Default is
true
.
- Set a minimum height to be applied to all columns.
- If any value greater than zero is added to this option, the column height will not be set below this minimum setting.
- Default is
0
(meaning there is no minimum set).
- Set a maximum height to be applied to all columns.
- With any value greater than zero, the column height will not be set to a value higher than this setting.
- If the height is greater than this setting, then the class from the
overflow
option will be applied to all the columns in the same row. - Default is
0
(meaning there is no maximum set).
- Set this to the minimum width at which any width of the wrapper element below this value will disable (suspend) the equalizer plugin from adjusting column heights.
- Added to allow this plugin to work with adaptive websites.
- See the adaptive demo to get a better idea of how it works.
- Note that the class name isn't required if the wrapper is the same width as the browser window and you are using media queries to change the document appearance.
- Default is
null
(meaning no breakpoint is set).
- This option contains the class name that is applied to the wrapper when the wrapper element width is below the
breakpoint
option set width. - This class can contain anything you desire. In the adaptive demo, it unfloats the columns, sets the column width to 100% and adjusts the removes the side margins.
- The fixed height of the column is automatically cleared, so no need to set a height in the css, unless you so desire.
- Default is
noresize
.
- This option contains the class name that is applied to all of the columns in a row when at least one column is taller than the allowable max height; set by the
max
option. - This class can contain anything you desire. In the main demo it applies
overflow: auto;
and changes the background color to make it stand out. - This class is removed once all columns in the row are less than the max height setting.
- Default is
overflowed
.