我正在使用此jQuery代码段为具有CSS类的div设置相等的高度列.equal:
$(window).bind('load', function() {
var blocks = $('.equal');
var maxHeight = 0;
blocks.each(function(){
maxHeight = Math.max(maxHeight, parseInt($(this).css('height')));
});
blocks.css('height', maxHeight);
});
一切正常,除了在一个子页面上我用这个jQuery片段加载另一个子页面的一部分:
$(document).ready(function() {
$('.module-ct').html('<div><img src="images/ajax-loader.gif" alt="Loading..." /></div>');
$('.module-ct').load('index.php&Itemid=974 .genericItemList',
function() {
$('.module-ct .genericItemView:gt(2)').remove();
}
);
});
由于此“外部内容”(来自同一网站)的大小,它在第一个代码段生效后加载,因此相等的高度列太小。
如何在第二个脚本完成后更新第一个脚本?
我希望我很清楚,你也可以在本页底部看到这一点:http://mkl3.mklj.si/index.php/knjiznica-bezigrad2
提前感谢您的帮助。