Question

我正在使用一个名为wookmark的砌体插件，这真的很棒，但我需要它（调整持有DIV的图像大小）在所有内容完成加载后执行，所以我这样做：

$(window).load(function() { 
    handler.wookmark(); 
});

哪个不起作用，我知道这是因为我看到在重置页面之前图像被加载到的元素覆盖的一些图像（外部图像因此无法设置大小）。另外，我设置相同的功能来激活最滑动的滚动，然后使调整大小完美，如下所示：

$(window).scroll(function() {
    handler.wookmark();
});

问题是，$(window).load(function() {之后有什么可以使这项工作？ $(window).load(function() {似乎不等待外部图像

更新

我知道我能做的一件事是：

$( "body" ).mousemove(function( event ) {
    handler.wookmark();
});

因此，当用户移动鼠标时，它会自行纠正，但这并不理想 - 我不想在页面上写一条消息“摇动你的鼠标以获得最佳用户体验”

Answer 1

我使用"selector listener"成功地解决了这个问题。我已经使用the better-dom extend function为每个将添加到页面的图像设置初始化脚本。（但我对砖石/木纹一无所知。）

像这样的例子：

DOM.extend( 'img', {
    constructor: function() {
        var currentImage = jQuery( this._node );
        currentImage.load( function() {
            currentImage.woodmark();
        } );
    }
} );

在页面加载后绝对强制执行功能

1 个答案: