Javascript 高度、超高等的jquery通行证选项
我如何修改这个插件,以便通过我想使用的高度计算类型。例如Javascript 高度、超高等的jquery通行证选项,javascript,jquery,Javascript,Jquery,我如何修改这个插件,以便通过我想使用的高度计算类型。例如height()或outerHeight()或innerHeight() /*! *equalHeightColumns.js 1.0 * *版权所有2013,Paul Sprangershttp://paulsprangers.com *根据WTFPL许可证发布 * http://www.wtfpl.net * *日期:2013年2月21日星期四20:11:00+0100 */ $.fn.equalHeightColumns=函数(选项)
height()
或outerHeight()
或innerHeight()
/*!
*equalHeightColumns.js 1.0
*
*版权所有2013,Paul Sprangershttp://paulsprangers.com
*根据WTFPL许可证发布
* http://www.wtfpl.net
*
*日期:2013年2月21日星期四20:11:00+0100
*/
$.fn.equalHeightColumns=函数(选项){
默认值={
minWidth:-1,//除非窗口宽度大于此值,否则不会调整大小
maxWidth:99999,//除非窗口小于此值,否则不会调整大小
setHeightOn:'最小高度',//设置等高的CSS属性。通常为高度或最小高度
高度方法:“外高度”
};
var$this=$(this);//存储对象
options=$.extend({},默认值,options);//合并选项
//重新计算到图元顶部的距离以使其居中
var resizeHeight=函数(){
//获取窗口宽度
var windowWidth=$(window.width();
//检查当前浏览器宽度是否在设置的minWidth和maxWidth范围内
if(options.minWidthwindowWidth){
var高度=0;
var最高=0;
//重置高度
$this.css(options.setHeightOn,0);
//找出最高的元素
$this.each(函数(){
//高度=$(this).height();之前
高度=$(this.eval(options.heightMethod);
如果(高度>最高){
最高=高度;
}
} );
//在元素上设置该高度
$this.css(options.setHeightOn,最高);
}否则{
//添加检查,这样就不必每次都这样
$this.css(options.setHeightOn,0);
}
};
//调用一次以设置初始值
调整高度();
//调用resize。默认情况下,Opera会取消调整其大小。
$(窗口)。调整大小(调整高度);
};
请参阅我添加了
$(this.eval(options.heightMethod)的部分代码>我无法获得正确的语法,以防您错过了注释
$(此)[options.heightMethod]()
应该可以做到这一点,但请确保您验证heightMethod的值是否偶尔输入错误,例如外部高度等
只需检查您正在调用的函数(例如,outerHeight
)是否存在,即可快速完成验证
if(typeof $(this)[options.heightMethod] != "undefined")
$(this)[options.heightMethod]();
else
// some warning / error.
我计划设置它,以便每个元素都可以将heightMethod作为数据属性传递,但现在我只想获得使用默认设置的基础知识必须执行$(this)[options.heightMethod]()代码>?请确保验证heightMethod的值,以防偶尔输入错误,例如,Outer_Height
,等等。使用多种高度方法的选项已经存在,请查看默认数组中的“heightMethod”。@akluth我相信OP已经添加了该选项(注意它后面的失败注释);)
if(typeof $(this)[options.heightMethod] != "undefined")
$(this)[options.heightMethod]();
else
// some warning / error.