Jquery 调用(文档)。调整大小和(文档)。准备好了吗
我正试图使用Jquery 调用(文档)。调整大小和(文档)。准备好了吗,jquery,Jquery,我正试图使用$(document).ready调用一个等高函数,尽管我不得不这样调用它,因为我遇到了一个类型错误 jQuery(function($) { $(".cols").equalHeights(); }); 而不是 $(document).ready(function() { $(".cols").equalHeights(); }); 这很好,但我也希望插件在页面调整大小时运行(因此它会根据内容溢出进行调整)。下面是resize调用,如何将其与document ready
$(document).ready调用一个等高函数,尽管我不得不这样调用它,因为我遇到了一个类型错误
jQuery(function($) {
$(".cols").equalHeights();
});
而不是
$(document).ready(function() {
$(".cols").equalHeights();
});
这很好,但我也希望插件在页面调整大小时运行(因此它会根据内容溢出进行调整)。下面是resize调用,如何将其与document ready调用结合起来
$(".cols").resize(function(){
$(".cols").equalHeights();
});
那么:
(function($) {
$(document).ready(function() {
var cols = $(".cols");
cols.resize(function(){
cols.equalHeights();
});
cols.trigger('resize');
});
})(jQuery);
此代码调用在此处找到的jquery equalHeights插件:
现在,当窗口调整大小时,它可以工作
是的,尽管这三个选择器并不都是必需的。一个就足够了。啊,好吧,是的,我对jQuery很陌生,只是有点不确定可以链接触发器调用的语法;)@Joe_Maker我建议你去看看@MarcusEkwall我个人从来都不喜欢链锁。
(function ($) {
$(document).ready(function () {
var cols = $(".cols");
cols.resize(function () {
cols.equalHeights();
});
cols.trigger('resize');
});
$(window).resize(function(){
$(".cols").css("height","auto").equalHeights(); // maybe reset the height?
}).resize() // trigger a resize to start off everything.
})(jQuery);