编辑更好地解释
有些砌体代码未在IE11中加载。
我在页面中加载了HTML代码,而这个代码在主页面中加载了.load()
。
如果以下代码放在javascript文件中,则失败。但是,如果我将此代码放在.load(function() { //place it here })
中,它确实有效。
$(window).on("load", function() {
//We load the masonry grids with an event
var $grid = $(".searchResults").find('.resultGrid').masonry({
itemSelector: '.gridItem',
gutter: '.gutterComponent'
}).on("layoutComplete", function(event, laidOutItems) {
console.log("It has loaded!");
$(".searchResults").addClass("show");
});
//When we type something, we load again the masonry grid
$(document).on("keyup", ".searchContainer input", function() {
$grid.masonry();
});
});
我无法理解为什么一旦整个页面加载就应该触发代码。